@ulu/frontend/lib/scss/components/_image-grid.demo.html

A framework-agnostic frontend toolkit providing a modular, tree-shakable library of accessible components and utilities. Designed for seamless integration, it features a highly configurable SCSS system for any environment and vanilla JavaScript modules op

<!-- @ulu-demo
  title: Basic Image Grid
  description: A flex-based grid for displaying a collection of images that automatically reflows.
-->
<ul class="image-grid">
  <li class="image-grid__item">
    <img src="https://picsum.photos/id/10/400/300" alt="Image 1">
  </li>
  <li class="image-grid__item">
    <img src="https://picsum.photos/id/11/400/300" alt="Image 2">
  </li>
  <li class="image-grid__item">
    <img src="https://picsum.photos/id/12/400/300" alt="Image 3">
  </li>
  <li class="image-grid__item">
    <img src="https://picsum.photos/id/13/400/300" alt="Image 4">
  </li>
  <li class="image-grid__item">
    <img src="https://picsum.photos/id/14/400/300" alt="Image 5">
  </li>
  <li class="image-grid__item">
    <img src="https://picsum.photos/id/15/400/300" alt="Image 6">
  </li>
</ul>