@correlucas
Posted
Hello @Bonker009, nice start, you did a great first challenge, now you need only to fix the alignment, see the tip bellow:
Try this to align the card to the center, basically the min-height:100vh will make the body have the screen size and make the rest of the content to align to that. A great resource to learn flexbox and manage these kind of alignment is this website, you can access here: FLEXBOX GUIDE - https://css-tricks.com/snippets/css/a-guide-to-flexbox/
body {
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
Keep it up =)
Marked as helpful