Social proof section

This project is the first one where I had to use CSS grid. While grid was easy, I had an unexpected hiccup. Despite using grid-areas and the . (dot) to identify no-go areas, one of the testimonial cards kept going into the area between the title and the star ratings. It had to be forced into its place by using an nth-child(1) selector.

Also, this project made me scratch my head a bit. In the testimonial cards, the quotes are not the regular " quotes. They seem to be the “ and ” with a space after and before, and I could not find anything on how to make it look that way with plain CSS. I didn't want to modify the HTML, since it wasn't like that to begin with. If anyone has any info I'd like to know how you did it.