hitmorecode• 6,230
@hitmorecode
Posted
Congratulations well done. Just a few things that can be changed
- Add flexbox to the body to center the card.
body{
margin: 0;
box-sizing: border-box;
background-color: hsl(219, 29%, 87%);
min-height: 100vh; /* add these lines */
display: flex;
justify-content: center;
align-items: center;
}
.one{
width: 23rem;
height: 35rem;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
/* margin: 5rem auto; */ /* by adding flexbox on the body this line is not necessary */
background-color: hsl(0, 0%, 100%);
border-radius: 10px;
}
Marked as helpful
0