Skip to content
Submitted over 2 years ago

Responsive, accessible page with grid and modern CSS (clamp, min).

Alex•330
@CallMe-AL
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Intro section with dropdown navigation
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

Happy overall, but I had some issues working with the image inside the grid more than usual. It always seemed to overflow the container until I added a max-height. Any ideas of why this happened or other ways to avoid that overflow?

Hope you like it. I tried focusing more on accessibility and modern CSS approaches -- it was a pretty fun project!

Community feedback

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord