Responsive layout using CSS grid

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

I completed this project pretty fast! I think I'm getting the hang of css grid. I've come to appreciate grid-template-areas and grid-area properties, they make CSS grid way easier.

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

The fig file did not reveal a lot about the design requirements, I had to click around a lot to try and find certain design properties. For example, I had a lot of trouble trying to find the box shadow properties in the fig file. Also, I had some trouble with the quotation image and how to make it responsive with the different screen sizes.

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

I would like further help on how to make position: absolute and position: relative images responsive based on the screen size. I utilized multiple media queries and breaks as to where it should be based on the design, so it doesn't overflow out of the container it's attached to; but I'm sure there's probably an easier way. Please feel free to let me know!