Responsive Social proof section using CSS Grid and Flexbox
Design comparison
Solution retrospective
Any suggestions and feedbacks are highly appreciated. Thank you 😊
Community feedback
- @bene-volentPosted over 1 year ago
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 helpful1@azelalynetanPosted over 1 year ago@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 GitHubJoin 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