@ZenitsuAg
Posted
Hi @lilshebeary, you've done a great job!! I see that your struggling a bit with centering your content at the center of the screen. All you have to do is add this code to your css file
* {
margin: 0;
padding 0;
box-sizing: border-box;
} /* This is the best reset */
html {
height: 100%;
}
body {
min-height: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
This code will fix the problem you're facing. Here, we are setting the height of the page to 100%, and the min-height of the body to that same 100%. Doing it like this will make body
equal to the entire viewport (the whole page) and it can actually center your content the way you want.
You don't need to stress yourself too much about anything, your work is great! Feel free to ask any questions tho.
Happy Coding :)