Skip to content
Submitted about 1 year ago

Responsive Social Proof Section

Crystal Rose-Wainstock•110
@crwainstock
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Social proof section
  • HTML
  • CSS
1newbie

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-peyvandPosted about 1 year 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.

    0
    Crystal Rose-Wainstock•110
    @crwainstockPosted about 1 year 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

    0

Please log in to post a comment

Log in with GitHub

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