Design comparison
Solution retrospective
was a bit confusing when I tried to make it responsive. any advice will be welcome
Community feedback
- @nickfwilliamsPosted over 2 years ago
Hi Aychew - this looks really good, I think you've done a great job on getting close to the final result. One thing I noted was the flex on your "content" class. If you remove this, it'll sort out the padding issue you currently seem to have where the 'add to cart' button sits very closely to the bottom of the card.
As for the issues you're having with the mobile view - a lot of it stems from the way you've inserted the image. I'd suggest putting it in as an img tag in the HTML rather than a background image in the CSS. Once you've done that, try taking out some of your heights - you shouldn't need to use these with a bit of padding and margin.
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