Design comparison
SolutionDesign
Solution retrospective
It seemed easier before I started.
How to implement dropdown menu in one piece of code? It seems like buttons within are totally separated from accordion titles in desktop menu and totally together in mobile version. I'd like to keep DRY principles but this case kicked me off. Anyway this challenge is great.
Community feedback
- @ChaffexdPosted over 1 year ago
This is a really good implementation of the design! You copied it pretty much 1 for 1. Well done!
- One thing that initially confused me was that the nav bar menu items can't be dropped if you click the arrow, as a user that is what I am used to so it made sense for me to click there but it didn't work. Have you considered including that img as part of your p? Or maybe wrapping it all in a button <button><img /></button> for example so you have both pieces of markup available for the drop down?
Other than that, no feedback!
Marked as helpful0@ArmsAndArrowsPosted over 1 year ago@Chaffexd Thank you for feedback. I target just the name element but not the whole name container, a little, but a mistake;
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