
Design comparison
Solution retrospective
It's my first challenge so I'm happy how it came out. Next time I will use a framework.
What challenges did you encounter, and how did you overcome them?It was easy actually but I'm not pretty sure about my solution like I don't know if my way of typing the code is right.
What specific areas of your project would you like help with?I tried to place the product image under the div (the card) so the div radius appears above the product image but didn't work so i made the image radius as same as the div's. Any little feedback is welcomed. Thank you :)
Community feedback
- P@KonradJamPosted 7 days ago
Hello @solaima2003 👋
Well done!
- Set
overflow: hidden
to@solaima2003
and now you can removeborder radius
from the image. - Refactor your solution according to HTML5 semantics
- Use Relative Units
- Load smaller image for mobile, larger for tablet/desktop. To do this, use
srcset
andsizes
attributes of the image.
Marked as helpful0 - Set
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