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

P
Orazbek 110

@orazdaurenov

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


Here's my first try to the second level of the challenges.

I've made my best to fullfill the requirements to match the given design, even though I couldn't do it to 100%.

Unfortunately I struggled with dropdown menus, in terms of setting CSS and hover effects to make them appear when you hover over them. I think that I'm making smth wrong that i can't reach what i need.

Moreover, I couldn't set the mobile version of the navbar at all, that's the weak point of me that I wanna improve first. I didn't want to get stuck so much time at that issue, I think it's better to understand it well first, instead of lossing a lot of time at one thing. I highly appreciate your guidelines that will help me to get a good understanding of the structure to make good navbars (desktop and mobile).

Have a look at my desktop version !!

Thanks for your feedback !!

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