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

HTML & CSS USING GRID

Harold 628

@harika09


Design comparison


SolutionDesign

Solution retrospective


Feedback will really help me

Community feedback

Arturo Simon 1,785

@artimys

Posted

Nice job job Harold, looks good and is responsive. 👍

I noticed something is generating a horizontal scrollbar on your page. I think width: 100vw on your .banner-container is causing it.

Observations:

  • You're missing some <li> tags for the footer social icons and also wrap the icons with an anchor tag.
  • Lighten the box-shadow color a bit so it's not so intense
  • For the footer phone number and email. Wrap them with an anchor tag and maybe add the prefix in the href to let the browser know the links are an email and phone number
<a href="tel:+1-543-123-4567">
    <img />
    +1-543-123-4567
</a>
<a href="mailto:[email protected]">
    <img />
    [email protected]
</a>
  • Add a max-width to your desktop layout main container.

On mobile I think the main container can use a little little bit more left and right padding so it's not too close to the viewport sides.

Keep it up 👍👍

0

Harold 628

@harika09

Posted

@artimys thank you for the feedback! I will fix it soon. Thanks!

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