Skip to content
Submitted over 2 years ago

Intro Section w/ Dropdown Navigation using HTML, CSS & Vanilla JS

Adam•90
@adamlevoy
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

What is best practice for handling the mobile navigation overlay?

I used a div with width and height 100% of body and JS to toggle the background-color black to transparent. Added a transition to make it less visually intrusive. The issue with this is that it remains in the DOM and got in the way while browsing elements with developer tools.

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