Skip to content
Submitted almost 3 years ago

Social proof section using CSS Flexbox and Grid

Lexsa•100
@lexsac
A solution to the Social proof section challenge
Preview (opens in new tab)Code (opens in new tab)

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!
Code
Loading...

Please log in to post a comment

Log in

Community feedback

No feedback yet. Be the first to give feedback on Lexsa's solution.

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