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 Challenge - Desktop only / Flexbox

Wave 100

@JustWaveThings

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 used nth-child for positioning the staggered divs and placing the stars. That was fun.
  • Learned how to use the open / close quotes in css. Very cool.
  • I feel like I'm not using flexbox to it's full advantage. In particular, flex-basis and flex-grow / flex-shrink. There's something there that hasn't sunk in.
  • I need to look back more into units: em rem px % vh vw and better understand when to use them. In particular. em and rem, and % and vh/vw.

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