I can't get this to work as a keyboard user. It's important for events to be attached to interactive elements (should be button not image) and for those elements to have a focus-visible state
Also, on mobile I think you need to check styles again. On portrait and landscape content is being cut off screen. I think this is caused by explicit widths and quite large margins being used instead of max-width and minimal/auto margins.
These bugs may also be caused by not having padding on outer wrappers, so content hits screen edges. And by having a height 100vh on the wrapper instead of min-height (think how small 100vh is when a mobile device is turned to be landscape)
I hope this helps
@KristaCalleja
Posted
@grace-snow Thank you so much for this. I'll be working on it!