Responsive Testimonials layout using CSS Grid

Solution retrospective
I’d say the result looks correct at all breakpoints, but I’m not quite confident about how I implemented it. It feels like the way I’ve written it (explicitly defining columns, rows, and grid areas for each card) is too rigid and not really practical – for example, if the content of a card changes or if new cards are added, the whole layout breaks or I need to set new grid areas manually.
I'd like to know how to make the layout both match the design and be more flexible at the same time? I tried using auto-fit for the columns, but it messed up the entire layout. I'm still a beginner with CSS Grid, so I’d really appreciate any tips or feedback :-)
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on Bára Kalvodová's solution.
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