Testimonials Grid Section with React, Tailwind CSS, and Rsbuild

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

I was able to use grid-template-areas and grid-area to effectively create grid layouts for different media breakpoints. I learnt a lot about grid and flex layout. This time, I had prepared the foundations for the use of grid and flex layout much better than before, so this challenge felt easier than the ones I did before.

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

The placing of the quotation mark background image posed some problems because I first tried to implement it as a background image for the page, so I had to make the testimonial cards a little bit transparent. But this did not yield the results I was looking for. It took me some time to realize that I had to implement it for a div-element that was in front of the background of one of the testimonial cards.

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

Since I'm relatively new to CSS, I have not much experience with CSS projects. But I learn a lot by doing these Frontend Mentor challenges. In addition, I decided to read and practice some ideas from the book "Every Layout". I think my CSS will benefit from it.