Testimonials Grid Section

Community feedback

• 

  Snehamoy Bag•600

  @snehamoybagPosted over 2 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

  Marked as helpful

  1

  ---

  

  Sam•230

  @samd1aPosted over 2 years ago

  @snehamoybag Brilliant, thank you very much!

  1
• Account deleted

  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!

  Marked as helpful

  1

  ---

  

  Sam•230

  @samd1aPosted over 2 years ago

  @LazyDuckling thank you very much, that is definitely a much better way of resizing the images as it would account for different resolutions, haven't heard too much about srcset but I will definitely look into it in the future.

  0
• 

  DerrickInnit•140

  @Derrick-ndemoPosted over 2 years ago

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

  1

  ---

  

  Sam•230

  @samd1aPosted over 2 years ago

  @Bluesanta5 thanks so much!

  0