Responsive drop down websites with HTML, CSS and JavaScript

Community feedback

• 

  Elaine•11,400

  @elaineleungPosted over 2 years ago

  Hi Olaitan, good attempt here! I agree that the mobile nav is not easy to put together, and I had to make several updates just to get things right. I put together a CodePen as a draft and practice for this challenge, and you check out how I made the mobile nav there: https://codepen.io/elaineleung/pen/poLpzge

  As for other comments, it looks like I can't activate the dropdown menus in the desktop view, and in the mobile view, they appear stacked on top of each other. The way to fix this is mainly to make the dropdown navs change from position: absolute to position: relative when they are open so that they can sit within the entire nav bar, and you can do this using a styling class that can be activated by your dropdown function. Also, I think you need to add the link for the font family in this challenge; you can go to the Google Font link that's in the style guide and choose the font faces you need, the copy the link given into the head tag.

  Be sure to fix the issues in your report too, because there's quite a number of them!

  Good luck with the mobile nav, and hope this helps!

  0

  ---

  

  Olaitan•230

  @Olaitan01Posted over 2 years ago

  @elaineleung Thank you so much, Elaine. I appreciate the help and feedback. i would go back and work on them. Thank you!!

  0