Gallery example

Demonstrating the gallery component for showcasing a set of images. Resize your browser window to test the responsiveness.

Code

<gallery>
  <gallery-item src="https://picsum.photos/seed/1/400/800"></gallery-item>
  <gallery-item src="https://picsum.photos/seed/2/400/800"></gallery-item>
  <gallery-item src="https://picsum.photos/seed/23/400/800"></gallery-item>
  <gallery-item src="https://picsum.photos/seed/44/400/800"></gallery-item>
  <gallery-item src="https://picsum.photos/seed/5/400/800"></gallery-item>
  <gallery-item src="https://picsum.photos/seed/6/400/800"></gallery-item>
  <gallery-item src="https://picsum.photos/seed/7/400/800"></gallery-item>
  <gallery-item src="https://picsum.photos/seed/8/400/800"></gallery-item>
  <gallery-item src="https://picsum.photos/seed/9/400/800"></gallery-item>
  <gallery-item src="https://picsum.photos/seed/10/400/800"></gallery-item>
  <gallery-item src="https://picsum.photos/seed/11/400/800"></gallery-item>
  <gallery-item src="https://picsum.photos/seed/32/400/800"></gallery-item>
  <gallery-item src="https://picsum.photos/seed/43/400/800"></gallery-item>
  <gallery-item src="https://picsum.photos/seed/24/400/800"></gallery-item>
  <gallery-item src="https://picsum.photos/seed/15/400/800">A caption.</gallery-item>
</gallery>