Design comparison
SolutionDesign
Community feedback
- @Marcod01Posted about 2 months ago
Hello,
Overall this is great and a very close solution to the design. I noticed you used a <div> for the product image and set the background image to: background-image:url('../images/image-product-mobile.jpg');
This works but the image looks distorted and uncentered. Instead use a <img src="images/image-product-desktop.jpg"> in the html and in the media query use this line
content: url('images/image-mobile-desktop.jpg'); this will actually change src of the <img> element.
Marked as helpful1@zainy2401Posted about 2 months ago@Marcod01 Thanks Marco! I didn't know this was possible until now, much appreciated!
0
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord