Responsive Product Preview Component With SCSS And HTML
Design comparison
Solution retrospective
This was a pretty interesting project from the start. I have been currently learning about using grid and flexbox. I tinkered around with both grid from the start and later decided flexbox is probably the way to go with this one. I have had a problem im not sure why the button at the lowest breakpoint would not width 100% on google chrome but was working perfectly in firefox browser. Im not totally sure if the breakpoint and media queries was the most reliable way to achieve this result. I am open for suggestions on thing that could be fixed or change.
Community feedback
- @hashmi7917Posted about 2 years ago
add this code to media @ 450px .product__card { width: 100% } this will solve button issue
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