Design comparison
SolutionDesign
Solution retrospective
Any feedback is welcomed.
Community feedback
- @HassiaiPosted almost 2 years ago
You forgot to add a background-image with a background-size of contain a background-repeat of no repeat to the body. Repeat the same for mobile design using the mobile background-image in a media query. For more on media query click here
There is no need for flex-direction: column to center .product on the page.
Increase the max-width value of .product e.g
.product{ max-width:400px;}
Hope am helpful
Well done for completing this challenge. HAPPY CODING
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