Design comparison
Solution retrospective
The most difficult part of the challenge was to create the overlay for the image at the beginning, the only drawback is that if you hover the mouse over the view icon the color disappears. Other than that I am happy with the result as I tried not to search on youtube and just go by the documentation.
How did you do it with the overlay?
Community feedback
- @prantiknoorPosted over 2 years ago
Hey @alexeira. How you overlaid the icon is awesome.😊 Very simple & awesome solution.
But your card sizing can be improved. You can see on the design file, that the card size for mobile & desktop is quite the same.
Instead of using % and many media queries, you can set a fixed width as
max-width: 18rem
. If you want, you can change the width for desktop or tablet.2
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