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

Responsive solution w/ flexbox

@CaSmaniotto

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

S MD suleman 3,530

@sulemaan7070

Posted

hey Caetano Smaniotto, congratulations on completing the challenge.. here are a few tips to make your site better..

1.you can use more spacing between the .tituloparagrafo and the .banner divs.. to make your site design accurate.

2.You can change the background-color of buttons that are inside the ul>li>buttons to the same as the body.

3.On the mobile: use position:fixed for the mobile-menu so that user cannot scroll it down.

4.Add more padding-top and padding-bottom to the learn more button on the mobile-version.

5.You can also add some overlay to the background when mobile-menu is opened..

Hope that helps you,Happy coding👍🏻🔥

Marked as helpful

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