@DomilsonFirmino
Posted
One way you could use to center the content is html, body{ height: 100% } //This will make you the html and body take all the height available
body{ display: grid; place-content: center; }//with the body taking all the height availably this will center it, you can also do the same with flexbox
and remove the margin and height from the Main tag - After that you no longer need this part
I advise you to search about css resets, and to use the inspector it gives good hints about the tags behaviors, I hope that i could help you
Marked as helpful
@MH-Rashid
Posted
@DomilsonFirmino Thanks for the feedback, much appreciated. I had to do a bit of digging for the centering, but your approach of setting body display to grid is interesting 👍
@DomilsonFirmino
Posted
@MH-Rashid I am glady if a could help, centering content is one of the most annoying things to do