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 hero section with dropdown navigation made with bootstrap

#sass/scss#bootstrap

@Ander-Tk

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


All feedback is greatly appreciate.

Community feedback

S MD sulemanโ€ข 3,530

@sulemaan7070

Posted

hey Anderson Santos Da Silva Filho๐Ÿ˜„, great job!! here are a few tips to improve your site..

1.on the mobile version you the p-5 is causing to have unnecessary padding I suggest you reduce it.

2.for the p below the h1 you can add the code to make it design accurate on the desktop

    padding: 0px 6rem 0px 0px;

3.Add a br tag on the desktop version like this

<h1>Make <br className="hidden xl:block"> remote work</h1>

to match the design

Hope that helps 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