Design comparison
SolutionDesign
Solution retrospective
No dropdown nav, no responsiveness yet.
What would you recommend for adding the dropdown nav bars?
How would you recommend optimizing what I've created so far, in any way?
Thank you!
Community feedback
- @Mod8124Posted over 2 years ago
Hello well done! For the dropdown nav bar, you can use :
- you can use CSS, use hidden or opacity on the links and show them with a hover. dropdown-css
- you can use bootstrap or tailwind for that, also for web responsive. dropdown-bootstrap
- finally, you can use js for that, just use display: none on the links, and you add an event listener on the main link and show the others by click or hover.
Also, I don't know if you try to use BEM in your CSS for example .nav-main-list or .pane__svg-box so if you try to use it, remember BEM :
.block__element--modifier
so in your classes in CSS has to be .nav__main--list instead of .nav-main-list and .pane__svg--box instead of .pane__svg-box
Marked as helpful0@zshawdevPosted over 2 years ago@Mod8124 Thank you Denis! I will definitely refine this with your advice, I appreciate it.
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