tannerdolby / eleventy-photo-gallery

Starter site for creating a responsive image gallery using the Eleventy static site generator

Home Page:https://eleventy-gallery.netlify.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Fine tuning of sizes attr for gallery and featured image pages

tannerdolby opened this issue · comments

In light of #18, I think it's necessary to fine tune the '/gallery' and '/gallery/some-img' pages to ensure that the appropriate image sources are being used. Verifiable in the Network tab or by opening DevTools and hovering mouse of the fallback nested <img> element inside <picture>

  • Tune sizes for '/gallery'
  • Tune sizes for '/gallery/featured-img'

All of the image widths (360, 480, 640, 1024) are being loaded in appropriately from the updated sizes declarations. Closing this issue per those commits landing.

Gallery page
Screen Shot 2021-07-24 at 3 16 59 PM

Featured image page
Screen Shot 2021-07-24 at 1 55 23 PM