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

Snap Website

#materialize-css
akash_16 220

@AkashKrish1609

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


Ok so CSS is so frustrating....Could any of you help me in working with background images and using grid properly...?

Community feedback

Amos 170

@Amossenkao

Posted

Your solution looks great! I however noticed that when I swiped left, the page scrolled horizontally and I was able to see the navigation bar, even though it was supposed to be hidden until I clicked on the hamburger icon. One way to solve this is by setting the overflow property of the navigation bar's parent container to hidden. Like this:

.container { overflow-x: hidden; }

0

akash_16 220

@AkashKrish1609

Posted

@Amossenkao Hey thanks man. I actually commented that out before publishing as I wanted to check on something and forgot to uncomment it thank you

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