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

@Yusfuldev

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


Hi everyone, I am excited with my completion of this challenge. However, I still have some issues to address and any suggestion or correction will be duly appreciated. I need help on the following:

  • Closing the nav-menu on mobile by clicking outside the nav
  • adding over effect to the arrows

Community feedback

Account Deleted

My advice for you

  • Closing the nav-menu on mobile by clicking outside the nav

<--> first of all you need to create a variable where you need to assign that variable into a boolean value. and that variable will be the responsible for condition logic so basically when the mobile nav-menu is clicked will be turn that variable into true and if ever the user clicked the overlay/backdrop will check if the variable is true if it's true you should to apply the function or syntax you created to closed the menu & overlay/backdrop

  • adding over effect to the arrows

<--> if you want to used the hovering effect.. you should to used svg arrows instead img since the color changing or background changing is not working on imgs only svg arrows.

1

@Yusfuldev

Posted

@okayda could you expatiate more on using the variable

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