Skip to main content
Question

Making component with different variations responsive

  • November 18, 2025
  • 0 replies
  • 7 views

Angela Liu

I created these product tiles for an e-commerce site. The left is a full-price item while the right is a discounted item. I’m able to set it so that they maintain their aspect ratio when changing size. However, since the discounted item is technically taller than the full-price one, they don’t grow at the same rate.

This is how they look if I say, double the size. You can see the image for the discounted item is taller. How can I set it so that the images maintain the same size as each other? Right now, I have the top layer locked in aspect ratio, with the layers beneath set to “fill” for width/height.