/* NOTE: This is not yet widely supported with just CSS by browsers.
* This CSS will fall back to a regular grid in most browsers, but may behave oddly.
* https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Grid_layout/Masonry_layout
*/

.masonry-grid {
  width: 100%;
  display: grid;
  gap: var(--space-s);
  grid-template-columns: repeat(auto-fill, minmax(var(--min-width, 200px), 1fr));
  grid-template-rows: masonry;
  justify-items: center;
}