i made a responsive CSS-only gallery with a lightbox
See the Pen Responsive CSS-only gallery with lightbox by xuan (@muahchee) on CodePen.
I'm currently working on moving my squarespace portfolio site to neocites, aka The Great Migration. For my new portfolio site, I want to put more focus on accessibility, particularly for keyboard users.
I also want to make the site javascript-free. I quickly realised how complicated a 'simple' image gallery was. I couldn't find exactly what I needed, so I took two relevant codes (see credits in CodePen above), mashed them together, and adjusted it to my liking!
Ideally, I would like some space in the lightbox to put a description or title but I can't seem to make it work... T_T
Hopefully this code is helpful to someone out there!