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 Section Master using CSS Flex and CSS Grid

Quỳnh Giao• 80

@giaonnq1401

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


Let me know if you have any feedback. Is there anything that I need to improve on? Thank you <3

Community feedback

darryncodes• 6,430

@darryncodes

Posted

Hi QUỲNH,

Great solution, pretty much a perfect match - well done!

Two suggestions form me:

  • i like to use transform: translate x/y to achieve the staggered card affect instead of margin. I think it's a little simpler from a responsive design perspective
  • you could try adding some max-width to your cards, this would stop them stretching all the way across the viewport when your design transitions to tablet/mobile

All the best!

1

Quỳnh Giao• 80

@giaonnq1401

Posted

Thanks, @darryncodes. I'll get to it right now!

0

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