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

Mahmoud 185

@Mahmoud-Elshaer-10

Desktop design screenshot for the Social proof section coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Please provide your feedback. Any suggestions are most welcome!

Community feedback

Dušan Lukić 1,660

@dusanlukic404

Posted

Hi Mahmoud! I really like your solution. There is no issues - GREAT!!!

I recommend you to use 3rem for margin-top and margin-bottom instead of 10rem because it should be landing page so you don't need vertical scrollbar. Also, when you change that set overflow: hidden; to your body element.

  • (If you change things like I said also do this)
  • In your media query for mobile devices you can add margin-top and bottom.

Marked as helpful

1

Mahmoud 185

@Mahmoud-Elshaer-10

Posted

@dusanlukic404 Thank you so much for your feedback. I already changed the margin from 10rem to 3rem, but can you explain why I need to set overflow: hidden; to the body element.

0
Dušan Lukić 1,660

@dusanlukic404

Posted

@Mahmoud-Elshaer-10 when you set it you won't have that vertical scrollbar. On normal sites you need them but this is a landing page so it is unnecessary. Take a look at my project if you want to 😀

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