Design comparison
SolutionDesign
Solution retrospective
How did I do?
How can I improve on scaling the image for different viewports? Especially the 3 at the bottom of the page.
Community feedback
- @jesusleonel10Posted almost 2 years ago
Hello!
For the images at the bottom, I might suggest that you first give the image container an exact size (preferably with rem or em to make it easier to resize in other resolutions) and then give the image itself a width of 100% size (so it stays the same size as the parent container) in addition to using object-fit: cover; to avoid distorting the image
I hope I've helped 😁✌
1
Please log in to post a comment
Log in with GitHub
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