Design comparison
SolutionDesign
Solution retrospective
Honestly, one of the few projects where I have blocked myself, due to the image, but finally I was able to finish it and learn new knowledge.
The three lines that have delayed me in completing the project are:
img{ object-fit: cover; max-width:100%; height:100%; }
Very interesting property of object-fit:cover.
If anyone wants to read more about it: https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit
Community feedback
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