Testimonials Section using Semantic HTML and CSS Grid

I am most proud of being about to use CSS Grid effectively, create multiple testimonial styles with a distinct background and colour, and customise the card background for it to meet the design criteria. What I would do differently is simplify the code by reducing the repetitive styles and using more efficient selectors.

The main challenge that I have encountered is the placement of cards with the CSS file part. I have been able to overcome this by giving each card a specific class name and then using each class name on the CSS file, as well as using grid-row and grid-column so that it is able to match with the design. It took me a while, but I managed to make it work.