@danielmrz-dev
Posted
Hello @FaithNA!
Your project looks great!
I noticed that your card is not centered. Here's a very efficient way to place the card in the middle of the page:
- Apply this to the body (in order to work properly, don't use position or margins):
body {
min-height: 100vh;
display: flex;
justify-content: center;
align-items: center;
}
I hope it helps!
Other than that, great job!
Marked as helpful
@FaithNA
Posted
@danielmrz-dev Thank you for leaving a review. It definitely helps. This is the CSS code I have for the div element:
div{
margin: auto;
margin-top: 50px;
margin-bottom: 50px;
background: hsl(0, 0%, 100%);
max-width: 350px;
height: 500px;
text-align: center;
border-radius: 20px;
}
Do I need to remove the margins and max-width here?
@danielmrz-dev
Posted
@FaithNA
You can remove the margins, but you can leave the max-width
Marked as helpful
@FaithNA
Posted
@danielmrz-dev Well Received.