Skip to content
Submitted over 3 years ago

Layered Nav Bar on a Responsive website made with grid and flexbox

Tyson W•305
@Tyson-Wellings
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Blogr landing page
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

This was my first time attempting to make a nav bar that had a dropdown. Any suggestions for a more elegant implementation would be greatly appreciated. I feel like the javascript was a bit too long for the simplicity of the nav bar itself.

Community feedback

  • The Burrito Doggie•1,260
    @BurritoDoggiePosted over 3 years ago

    Hello Tyson-Wellings!

    I love it so much! The extra effects made it even cooler! You did an amazing job with keeping it pixel perfect. It can be very hard to for such a big project. Your consistency in making everything very close to the original shows me that you really put effort.

    Keep Coding!

                                  (θ‿θ)
    2
  • Account deleted

    Just as after you switched to mobile I think your images are too big.

    And on your solution once you click the mobile menu it never goes back to the desktop navigation bar no matter what you do.

    0

Please log in to post a comment

Log in with GitHub

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