Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Intro section with dropdown navigation - HTML, CSS and JS

Douo 940

@Douoo

Desktop design screenshot for the Intro section with dropdown navigation coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


It was a nice yet challenging project. At some point, I got lost on properly naming and organizing my navigation bar style. Overall, I'm happy with the end result but I believe I could have done better by adding animation on the side navigation drawer and the dropdown options as well but was too lazy to add it 😅 plus my initial setup with display:block was a major bumper. Anyways, let me know if there is anything that is not working as it should or if you have any feedback. PS. I have tweaked a couple of things on the dropdown menu from the original design (the dropdown is shown on hover)

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

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