Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
//parent selector
#container {
@media (max-width: 779px) and (min-width: 0px) {
column-count: 2;
}
@media (max-width: 1039px) and (min-width: 780px) {
column-count: 3;
}
@media (max-width: 1299px) and (min-width: 1040px) {
column-count: 4;
}
@media (min-width: 1300px) {
column-count: 5;
}
column-gap: 0px;
}
//This is not mandatory but maybe could be necessary
children-selector {
display: inline-block;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment