Venus• 1,640
@VenusY
Posted
Well done on completing this challenge! You did a really good job making it responsive and also making it resemble the design.
I noticed that the image becomes distorted and stretched when you decrease the width of the viewport.
You can fix this by using object-fit:
.left-product {
object-fit: cover;
}
This property allows the image to fill the space but still maintain its aspect ratio.
You can also use this property with object-position to adjust the alignment of the image.
You can read more about these two properties here: object-fit, object-position
Hope this was helpful! :)
Marked as helpful
1
