Submitted 11 months ago

Responsive Social Proof Section

Crystal Rose-Wainstock• 110

@crwainstock

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Social proof section

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

I had some trouble getting things to align just right, but it's pretty close. :) I used grid to arrange the elements in the component, and then I used margins and padding mostly to adjust placement of the individual elements. Maybe there's a better way to do this?

Community feedback

Amir Hossein Peyvand• 550

@amirhossein-peyvand

Posted 11 months ago

Hey, well done! It would be great if you add a little more padding to your ratings and reviews components. But overall you did great.

Crystal Rose-Wainstock• 110

@crwainstock

Posted 11 months ago

Thanks for the feedback! I appreciate it. I spent a lot of time tweaking the padding so it looks like the brief image (using PixelPerfect browser extension), but it seems to look a bit different in the solution preview here. 🤷‍♀️

Thanks for the comment! 🙏@amirhossein-peyvand

Please log in to post a comment

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