Testimonials Grid Section

Community feedback

• 

  Snehamoy Bag•600

  @snehamoybag

  Posted almost 3 years ago

  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

  11

  Marked as helpful
• Account deletedPosted almost 3 years ago

  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!

  11

  Marked as helpful
• 

  DerrickInnit•160

  @Derrick-ndemo

  Posted almost 3 years ago

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

  11