All tags/Thumbnails

Three pictures, one size

Landscape and portrait photos cut to the same 4:3 box around their centre, each with a 2x copy for a sharp screen.

1 The template img/gallery.pad pad

<div style="display:flex;flex-wrap:wrap;gap:12px;justify-content:center">
  {img 'photos/harbour.jpg', width=176, height=132, alt='Sailing boats in the harbour at dawn'}
  {img 'photos/dunes.jpg',   width=176, height=132, alt='Sand dunes under a pale sun'}
  {img 'photos/tulips.jpg',  width=176, height=132, alt='Rows of tulips running to a windmill'}
</div>

2 The result rendered on the server