Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Simple Masonry CSS
.masonry {
display: flex;
flex-flow: column wrap;
max-height: 800px;
margin-left: -8px; /* Adjustment for the gutter */
width: 100%;
}
.masonry > div {
margin: 0 8px 8px 0; /* Some gutter */
}
@@media only screen and (min-width: 1024px) {
.masonry > div {
width: 33.33333%;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.