Design comparison
Community feedback
- @aatifsohelPosted about 2 years ago
Hey @sabrinalzbh 👋
Well done on completing the challenge!
You made it correctly, but you can make a few changes. I have a few suggestions that you can apply:
-
To center an element, in the body tag, set the display property to grid and use place-content to center the element.
-
Remove the background-size property.
-
For the card, instead of width use max-width property.
-
If you observe carefully, you can see the image element has an invisible or minor space below itself. To avoid that from happening, use the display property and set it to block.
-
Your card should be inside the container. For some reason, you forgot.
Keep learning 🚀
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