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

Bobby 180

@Bobbypaul

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

Community feedback

Noel 110

@StConstantineCole

Posted

One issue the I've had and that I've seen with other submissions of this project is that if you expand the page/screen size while the mobile menu is open the mobile menu will still be visible in desktop mode/view (You can test this in developer tools).

Solution (For me): window.onresize = function(){ location.reload(); }

use that line of code to refresh the page whenever the window resizes.

Great project !!!

Please feel free to review mine.

1

Bobby 180

@Bobbypaul

Posted

@StConstantineCole I thought that wouldn't be an issue since the user won't be changing their screen like developers do. Thanks for the solution, I didn't know about it before.

0
Noel 110

@StConstantineCole

Posted

@Bobbypaul

I had the same thought too, good to know I wasn’t alone on that. But it still bugged me because I know at least one person will rotate their screen and get hit with that issue.

1

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