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 social proof section wit pure css

@TheLiberal

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


An unusual (for me) thing I came across was having to set height: auto on body. I thought the body would stretch out as far as any element inside it goes.

Community feedback

Roman Filenko 3,335

@rfilenko

Posted

Hey, probably it's bad approach - you can just leave min-height: 100% on body and don't set height and overflow as well. To fix scrollbar - adjust ##background-mobile-image-top width (not 105%). Try to not use id's for styling, it's hard to overwrite them due to higher specificity.

Best, Roman

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