Responsive Testimonials Grid Section

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

I'm proud of using CSS Grid to manage the layout across different viewports. using grid-template-areas for readable CSS.

It was like magic using Grid to manage the layout as it made it super easy to control it the way I wanted across different screen sizes.

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

One challenge was when to use margin to create space between the body and the grid container. and when to use width with some percentage.

On mobile since we will definitely have vertical scrolling. I used margin-block to create vertical space. while on desktop I limited the container width to a percentage of the body and just centred the content.

I also used a little media query for desktop that checks the height of the viewport and if it is less than 800px I added back the margin-block. since we will have vertical scrolling also in that case.

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

Getting the spacing and font-size correct by using only the jpg images was hard. I doubt I got it correct but I think I got it close enough to be similar to the design provided.