Design comparison
Community feedback
- @kodaicoderPosted about 2 years ago
Hi Carlos, congratulations on completing the challenge 🎉 it's look good so far in desktop but it not responsive for mobile , may be you can checking out "Media Query" here to made a width of card responsive on mobile.
Also my suggestion for
<button> <div class="btn"> <img src="images/icon-cart.svg" alt="" class="cart-img"> <p class="p-btn">Add to cart</p> </div> </button>
try to don't using any html tag in button may be you can try to using
::before
in CSS to made a cart icon appear before a button text [here is a information for ::before (:before)] (https://developer.mozilla.org/en-US/docs/Web/CSS/::before)and may be you can check out my solution too here
Keep Practice , Keep Learning
Marked as helpful1
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