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

Responsive Social proof section using CSS Grid and Flexbox

@azelalynetan

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


Any suggestions and feedbacks are highly appreciated. Thank you 😊

Community feedback

Benevolent 490

@bene-volent

Posted

To get a staggered effect on cards instead of using margin and breaking some flow try using grid and its grid-row and grid-column property. I learnt it from Kevin Powell, but I can't find the video. You can check out my solution and if you are not able to understand, try looking for the solutions online.

Other than that, awesome solution.🙂🙂

[Edit] Looked at your previous solutions. You already know how to do that, so try to make it using grid!

Marked as helpful

1

@azelalynetan

Posted

@bene-volent thank you very much for looking into my solution and your feedback 💖. I tried doing it using grid at first but I can't make it work. I've struggled on that for a few hours and got little confused 😢. I will check Kevin's videos and will try to solve it again using grid. Thank you, it gave me push to try harder! :)

1

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