๐ผ Testimonials grid section (HTML, CSS, Grid, Flexbox) ๐ผ
Design comparison
Solution retrospective
I tried my best to make it look good on mobile, desktop, and tablet. Using CSS Grid was fun. I used grid-template-areas
and assigned grid-area
to each card. I wonder if it was the best practice.
Community feedback
- @MikDra1Posted 3 months ago
If you change the design throughout the width of screen the best way is to use grid-areas because then it will be the easiest for you to easily change the layout. However if you donโt want to change the layout throughout the screen width then you can also use grid-column and grid-row
If this comment was useful please mark it as helpful โค๏ธ
Good job and keep going โบ๏ธ๐๐
Marked as helpful0 - @IzykGitPosted 3 months ago
Good work!
If you are ever using CSS grid and you need to make it responsive, just switch it to
display: flex;
flex-direction: column; align-items: center;`. This is what I do because I think it is the easiest method since if they are just going to be in a single column then there is no reason to keep it a grid. Hope this helps.Keep up the good work!
Marked as helpful0
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