Submitted over 1 year ago
Product preview card component using mobile-first approach
@rupiacodes
Design comparison
SolutionDesign
Solution retrospective
This challenge looked fairly straightforward but it ended up taking me longer than I anticipated.
Here are some challenges I encountered:
- Making the image responsive across various viewports took me quite some time. Eventually giving the card a
max-width
andwidth
resolved the issue, but I'm not quite sure whether it was a good solution. - When I uploaded my live solution on GitHub pages, the cart icon on the 'add to cart' button disappeared. Yet, on the finished project it's present. What could the issue be? 🤔
That aside, any additional comments and recommendations are welcome. Thanks! 🙂
Community feedback
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