@wendyhamel
Posted
Hi there!
Nice solution with just some minor layout issues I'd like to point out.
Your menu items are not visible on desktop. Looks like .nav__content: opacity: 0
is the problem.
The thumbnails are not square in your carousel.
Your Javascript looks structured and the page is responsive and acceptably accessible.
Happy coding!
Marked as helpful
@kaamiik
Posted
Thanks @wendyhamel
It was because of prefers-reduced-motion
that did not show the nav items. And also I reduce the thumbnail buttons gap to make them more like a square.
@wendyhamel
Posted
@kaamiik ah! Now I am curious to see it without prefers-reduced-motion
.
I will take a look!