@Hassiai
Posted
To center .container on the page using flexbox, add align-items: center
to the body.
body{
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
}
There is no need to style the main and to give .container a margin value.
Reduce the font-size of h1 to 1.25rem which 20px.
Replace the margin-inline in h1 and p with margin-top, margin-right and margin-left of 1rem. h1, p { margin:1rem 1rem 0;}
or h1, p{ margin-top: 1rem; margin: 0 1rem}
Hope am helpful.
Well done for completing this challenge. HAPPY CODING
Marked as helpful
@tamasgazdik
Posted
@Hassiai Wow, thanks for the quick reply and feedback! :)