Design comparison
SolutionDesign
Solution retrospective
In the media query
@media (max-width: 29em) { html { font-size: 50%; }
I wrote:
.hero-img { transform: scale(0.8, 0.8); height: auto; object-fit: contain; }
Could there have been a better solution by making the image fit the div instead of transforming the image size?
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