@Hassiai
Posted
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 helpful
@andressalazar08
Posted
@Hassiai Thank you for the feedback, I'm going to check and improve my solution. Have a nice day.
@Hassiai
Posted
@andressalazar08 your live page is not available.
@andressalazar08
Posted
@Hassiai Thanks, I guess now you can access.