Submitted about 2 years agoA solution to the Product preview card component challenge
Responsive Product design using flexbox
@MuzammilHuxain
Solution retrospective
Having difficulty while adjusting the size of image. Image was not fitting accordind to the height of div.
One more problem is, when i set with 1440px, scroll at the bottom gets appear.
Anyone comments will be appreciated
Code
Please log in to post a comment
Log in with GitHubCommunity feedback
- @gabrieltrt
Hey friend, how are you? Congratulations! you're almost done. To improve the image in this challenge, you must use the <picture> tag. Basically this tag stipulates minimum sizes where the image is changed by another.
In this challenge you have two images, one for the mobile version and one for the desktop version.
Marked as helpful
Join 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