Testimonials grid section ( built using CSS Grids and SASS )
Design comparison
Solution retrospective
Hello there π,
This is my solution for the Testimonials grid section using CSS Grids obviously and SASS, this time I tried my best to make the screenshot look identical to the site preview, we'll see how it looks...
as always feedback is welcome if u got any,
take care π.
Community feedback
- @correlucasPosted over 2 years ago
πΎHello Badis, congratulations for your solution!
I liked a lots the work you've done here, even more the additional media query that changes the grid layout, its amazing.
My tips for you:
1.Add the first
media query
a little later and let the first layout contract a little bit when the screen scales down.2.The second media query is amazing, but you've to work the gap between the cards because its too little in comparison the desktop version and the mobile one. Fix that setting
gap
orcolumn-gap
androw-gap
Congrats for this amazing solution. Happy coding!
Marked as helpful0@Shinzo99Posted over 2 years ago@correlucas
I also thought the same thing for the media query and the screen scale down, it would look better that way I just got a bit lazy tbh, but I'll try and improve it, and ye for the second media query your right the gap is too small, I'll fix that too,
Thanks for the feedback.
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