Responsive testimonials grid section

What challenges did you encounter, and how did you overcome them?

use grid-column and grid-row creating complex layout. using pseudo class

at first I use grid-template-columns: repeat(fit-content, minmax(255px, 1fr)); but when screen larger I must control grid item's position manually(some card was too big or to small for one row height)

This actually messed me up, but I managed to come up with a layout that I was (barely) happy with.

What specific areas of your project would you like help with?

when screen > 400px and <1200px, sometimes the card will too height for adapting grid height, making space between card content too wide. And card avatar in one grid row different.

I can use align-self:start control avatar but still weird.(space not be the same)

maybe I could try container query on card font or card layout next time.