Submitted about 3 years ago

Social Proof Challenge - Desktop only / Flexbox

Wave•100

@JustWaveThings

A solution to the Social proof section challenge

Preview Code

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.

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Wave'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