Frontend Product Card

Solution retrospective
I was able to make my design responsive with just few lines of code.
What challenges did you encounter, and how did you overcome them?I had soo much difficulty with adjusting the image at max-width 500px and making it fit in the grid. I still to learn more on the reponsiveness of images.
What specific areas of your project would you like help with?I would love to gain extra help on the responsiveness of grid and images with their height and width using percentages. I also need more help understanding the heights of my parent containers overlapping the viewport.
Please log in to post a comment
Log in with GitHubCommunity feedback
- @ADR-39
Nice work, however consider using
<picture>
HTML element instead of<img>
which allows for responsive image selection depending on the viewport width via media queries.Marked as helpful
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