Submitted almost 2 years ago

Responsive landing page using Html, Css & javascript.

@uchenworks

A solution to the Blogr landing page challenge

Solution retrospective

Hello guys can you help with my nav-button i don't know why it getting extra height or getting fat i have been on this issue for some time now and still no solution, and please i need help with the javascript am trying to close the "dropdown menus" when you click on it again but don't know how too.

Code

Couldn’t fetch repository

Please log in to post a comment

Community feedback

marvellous cephas•430
@marviecephas
Posted almost 2 years ago
Use box-sizing: border-box; for the navbar as this will retain the specified size of the container regardless of the padding or margin added to it. Then for the dropdown menus I don't know much of JavaScript to give an advice but from my experience in css you'll need to create another dropdown menus with the same position as the other but will be displayed onclick of the other so that once you click this second dropdown menus the other one will be displayed and the drop down closed... but like I said earlier, I don't know much on JavaScript so I'm sure they'll be a solution for it without going through my long process... ;)

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