Testimonials Grid Section

Hi Sam 🙋‍♂️ Great job on completing this challenge it looks awesome 👏 Keep going!

Answer to your query : If you're talking about the "quote" background image then you can use background-size css property to resize your background images. For the units you can use rem/ em/ % / px etc.

And similarly if you want to place background image at a certain area in your page then you can use the background-position css property

Here are few useful links to learn more about them

• background-size
• background-position

Hi Sam,

What I did on my solution was calculate the original size of the image as rems, and then giving it a width value in rems that equaled 28 pixels per the figma design. I'm not sure if this is a good way of doing it, but it seems to work as intended.

I haven't used it yet, but it looks like srcset might be a good solution as well - I've seen it used as a solution for responsive images on both MDN and CSS-Tricks.

Hopefully this helps - I'm curious to see how others approach responsive images!

If you are talking about the quote image, try using background positioning. You can check out my solution if that's ok