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

Social proof section using CSS Flexbox and Grid

Lexsa 100

@lexsac

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


I feel pretty good about my project but ran into a couple issues that I have yet to solve:

  • The background image (which is very faint and hard to see per the design) in the bottom right-hand corner is not positioned properly on the bottom of my page. Instead, it's positioned in the bottom right-hand corner of my <body>, which is set to the viewport. How can I set the height of my <body> to fit the content on my page?
  • My review section (with the 5-star ratings) looks very messy at certain tablet sizes. I have a goal for my next project to incorporate tablet design as well, but any recs on how I can resolve this issue would be welcome!

Community feedback

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