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

@iamzaidmohammed

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


I was able to create only the desktop preview. The mobile preview is giving me a though time so I stopped. But if any one can help me with it, then the project is on Github. 😇

Community feedback

@ThomasMumladze

Posted

hi looks great and i think if u add rotation on your span arrow when mouse hover it would be great...like transform: rotate(90deg); and if arrow and menu tittle be centerd that will be more great display:flex ; align-items:center give this css parametres to your .dropbtn and when u making nav bar would be great if u use <nav> <ul> <li></li> </ul> </nav> instead of <div> <p></p> </div>

Marked as helpful

1

@iamzaidmohammed

Posted

@brianwebb1 Thanks but after I update the file how do I get it to also update on the live site. 🤔

0

@ThomasMumladze

Posted

@zaidmohammed7 u need to push code on https://github.com/ and https://www.netlify.com/ this page has settings to import existing project this is one way to control your code another u can use this way https://www.youtube.com/watch?v=M5mg0r4ajt4

0

@iamzaidmohammed

Posted

@brianwebb1 Hey, I've added the transform: rotate to the dropdown arrow. You can check it out.

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