Skip to content
Submitted over 2 years ago

Social proof page with Grid and Flexbox

#bem
Jason Greenwald•200
@jaycgreenwald
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Social proof section
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

  1. Would it be better if I had used a header tag for the title section?
  2. I converted almost all my px values to rem. Overkill or good job?
  3. When I change screen width, the background "moves" relative to the page content. Is this okay? Or should they stay in the same place relative to the content?
  4. To test my changes, I take screenshots of the page then reduce the opacity and lay them over top the design images to evaluate how they match up. (I do this in Illustrator.) Is there a better way to test changes?
  5. Anything else you can share with me. Thanks!

Community feedback

Please log in to post a comment

Log in with GitHub

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