hitmorecode• 6,230
@hitmorecode
Posted
congratulations well done. Just a few thing you can fix
body {
background-color: hsl(212, 45%, 89%);
/* add a min height of 100vh to the body, to make use of the entire height of the body */
min-height: 100vh;
/* use flexbox to place the card in the middle of the page */
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
main.component {
/* I commented out things that you don't need */
/* margin: auto; */ /* flexbox on the body will to this */
/* margin-top: 10px; */
/* vertical-align: middle; */
height: 580px;
/* min-width: 300px; */
max-width: 360px;
background-color: hsl(0, 0%, 100%);
border-radius: 20px;
box-shadow: black 0px -0.5px 2px;
}
0