gallery.astro

gallery.astro

---
import { Image } from 'astro:assets';

const imageFiles = await Astro.glob('./images/*');
---
  
  src: https://axellarsson.com/blog/load-all-images-in-a-directory-with-astro/

<div class="columns-1 sm:columns-2 md:columns-3 lg:columns-4 gap-3 mb-5 mx-auto w-full px-4">
  {
    imageFiles.map((img) => (
      <Image
        src={img.default}
        width="600"
        alt="Photo of a pizza"
        class="mb-3 w-full rounded"
      />
    ))
  }
</div>