Responsive product card using CSS Grid and Flex

Solution retrospective
I'll be happy if you leave your feedback : )
Please log in to post a comment
Log in with GitHubCommunity feedback
- @Aimal-125
In your css code, use % units in
.page
class. It will responsify your card component.Marked as helpful - @Amanmawar17
Heyy! buddy, there is more margin between the paragraph and the heading, what you can do that reduce some margin and increase the font size of the heading? In content, every element should take the same gap as of other elements. You can achieve this by giving content class div tag, grid with gap property of 15px i guess and include button in it. About your button remove div tag and img tag from it and add span tag and put your svg in it and then write ""Add to Cart"" and apply margin right to span. Thank You .
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