Design comparison
SolutionDesign
Solution retrospective
This is my second version of the project. Thanks for your review.
Community feedback
- @HassiaiPosted almost 2 years ago
To center .card on the page using flexbox, add min-height: 100vh to the body and there is no need to give the body a margin value.
Changer the grid-template-columns value for .card to 1fr 1fr or repeat (2, 1fr). There is no need to give .card position relative.
.card{ max-width: 500px; display: grid; grid-template-columns: 1fr 1fr; }
Hope am helpful.
Well done for completing this challenge. HAPPY CODING
Marked as helpful0@andressalazar08Posted almost 2 years ago@Hassiai Thank you for the feedback, I'm going to check and improve my solution. Have a nice day.
0@HassiaiPosted almost 2 years ago@andressalazar08 your live page is not available.
0@andressalazar08Posted almost 2 years ago@Hassiai Thanks, I guess now you can access.
1
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