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

#react#react-router
Clem FRontendβ€’ 100

@ClemFRontend

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


Hello everyone πŸ‘¨β€πŸ’»

This is the solution to challenge Intro section with dropdown navigation πŸŽ‰

πŸ› οΈ Build with :

  • React JS

🚧 In addition

  • I added a feature to toggle the theme (inspired from Melvin Aguilar, thks for him 😎)
  • I also implemented React Router and implement an error page. Click on a click to see the result πŸ₯³

Don't hesitate to tell me what can I improve, it will be very useful for me !

Thanks ! πŸ‘‹

Community feedback

Danielβ€’ 310

@DanielW720

Posted

Super nice solution. Maybe a small improvment would be to have the dropdown menu for Features and Compony to stay open after click. Atm they disappear after click, altough the icon remains inverted. :)

Marked as helpful

1

Clem FRontendβ€’ 100

@ClemFRontend

Posted

Hey @DanielW720 πŸ‘‹ Thks for your reply ! I'm agree that can be frustrating for the user, I will found a way to avoid this behaviour πŸš€

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