Testimonials grid section using Vue

What are you most proud of, and what would you do differently next time?

I learned how to create a responsive CSS Grid layout including grid items which are spanning across multiple rows and columns.

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

I wasn't sure which CSS Grid approach I should use. So I tried different approaches like spanning individual grid items across multiple rows/columns with grid-row: 1 / span 2; or grid-column: 1 / 3;.

But in the end I decided to use grid-template-areas, because it's really easy to understand how the grid items are positioned:

.testimonial-list {
  grid-template-areas:
    'one one two five'
    'three four four five';
}
```