Design comparison
Solution retrospective
I used two different approach to achieve the dropdown on the navigation bar, On Desktop I used CSS:hover effect while on mobile I used Javascript Click event.
Feedbacks are welcome and appreciated, Thank you!
Community feedback
- @iamenochleePosted about 2 years ago
Hey there, congratulations on your solution, its actually an onclick even for desktop also, you should also make sure when outside of the dropdown is clicked it closes, you might also want to align the dropdown icon and the text properly, also from 500px to 750px, your layout breaks, the image expecially, you can use a media query to fix this, i'd advice you start making use of clamp for fontsizes, it makes for responsive text.
0 - @hyrongennikePosted about 2 years ago
HI @d3bu6m3
Hope you are well an congrats on finishing the challenge just something you might want to look into it's quite difficult to hover over the dropdown items once you hover on the main menu item and move then the dropdown goes away.
0
Please log in to post a comment
Log in with GitHubJoin 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