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

Responive Page with Custom Dropdown Animated Menu

zaighu 70

@zaighu

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


What are you most proud of, and what would you do differently next time?

First I tried to use bootstrap for dropdown menu, but it was pain in my butt. I may use bootstrap in future, but now I just didn't like it. So I created a dropdown menu myself using scss and javascript. I like the animation. I love how softly it appears on the screen. I had to use different things to javascript to make the code universal so that I can use the same code for appearance of dropdown menu. Also I had difficulty in finding a way to hide the menu when outside the menu is clicked. I searched on google and after going through 10 to 15 websites I finally found the solution.

What specific areas of your project would you like help with?

Please give feedback so I can improve and tell me about html and css practises. Am I doing things in correct way?

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