🌼 Testimonials grid section (HTML, CSS, Grid, Flexbox) 🌼

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.
Please log in to post a comment
Log in with GitHubCommunity feedback
- P@MikDra1
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 helpful - @LanceOS
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 helpful
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