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

#jquery

@CharlesCypher

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


  1. The sidebar dropdown was difficult for me.
  2. I am not sure of the JavaScript code and some CSS stylings.
  3. I need help, to learn best practices in JavaScript. Please indicate any fault. I will love to see some feedback :)

Community feedback

Foued 655

@Foued80

Posted

hi, CorizCoder

Goodjob, i had the same trouble with the sidebar dropdown menu specialy the padding and margins to hide the submenu;

check my css only solution for this challenge no single line of javascript was needed, i used input:checkbox with css ~ sibling

your sidebar is missing a backdrop to the left, and for the best practice i suggest checking bootstrap's code for navbars and dropdown menu for inspiration

cheers.

Marked as helpful

1

@CharlesCypher

Posted

@Foued80 Thanks a lot. I'll make the changes to the sidebar (backdrop)

0

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