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 dropdown page using CSS flex property

JoyObaidu 280

@JoyObaidu

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

@savvystrider

Posted

Looks good!

Your hero image is a bit warped on larger screens. You could add the following settings to your <div class="images">:

  • background-repeat - set this to "no-repeat"
  • background-size - change this to "cover"

The dropdown navigation has some unexpected jumps when hovering over it. I would recommend adding click event listeners rather than using hover state.

The font style for the dropdown links is different from the non-clickable links. It's a small detail but I'd recommend keeping them consistent.

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