Design comparison
SolutionDesign
Solution retrospective
Hello everyone, my solution for this challenge.
Community feedback
- @shameerkamaludeenPosted over 2 years ago
Good job @romzc nicely done
some points I have noticed you may improve is as follows:
-
you could add object-fit: cover; to rule
@media (min-width: 500px) .hero-desktop
to avoid squeezing the image -
instead of using multiple img elements for mobile and desktop and using display: none; you can use Art direction
-
Before submitting the solution you can use HTML validation and CSS validation to find any error in your HTML and CSS file.
Enjoy coding...
Marked as helpful0 -
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