maym42• 370
@maym42
Posted
You did a good job!😊😊😊
But in order to make the right position (center the card in the screen), You have to use css grid (display:flex in the body) and not with position: absolute like you did in the container class. So your css should look like this:
body {
background-color: hsl(212, 45%, 89%);
text-align: center;
height: 100vh;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
font-family: 'Outfit', sans-serif;
}
.container {
width: min-content;
border-radius: 10px;
background-color: hsl(0, 0%, 100%);
padding: 1em;
}
.p1 {
font-size: 1.5em;
font-weight: 700;
}
Hope I helped 😅
Marked as helpful
1
payalpagaria• 70
@payalpagaria
Posted
@maym42 hey thanks for the help, i would apply the changes..!!! i appriciate the feedback..
0