Skip to content
Ning's Blog
Go back

Css Masonry

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.