New favorite CSS trick: using columns for a masonry layout with zero JavaScript.
.masonry {
columns: 3 280px;
gap: 1.5rem;
}
.masonry > * {
break-inside: avoid;
}
Three lines, no library, works everywhere.
New favorite CSS trick: using columns for a masonry layout with zero JavaScript.
.masonry {
columns: 3 280px;
gap: 1.5rem;
}
.masonry > * {
break-inside: avoid;
}
Three lines, no library, works everywhere.