
Design comparison
SolutionDesign
Community feedback
- @MarziaJaliliPosted 2 months ago
Great job!
Some adjestments you can make:
-
First, the reason the card doesn't apply the rounded corners to the left is because of the image.
-
Second, set the height of to 100% in larger screens to get rid of that white space.
Take the code below as an example:
@media (min-width: 50em) { .product-image { height: 100%; border-radius: 10px 0 0 10px; } }
Hope it improves the design🫡
0@Tonny-Blair-DanielPosted 2 months agoThanks, that rounded corner was actually one that challenged most
0 -
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