@itbeginswithi
Posted
Your HTML and CSS are well structured, well done!
It seems you tried centering the main element using margin, while that helps on the X axis, it;s not much help if you wanted to have it shown perfectly in the center of the screen. For that I suggest you remove the margin and add the folowing styles to your <main>:
position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
Good luck!
Marked as helpful
@bvictor-a
Posted
@itbeginswithi Thanks for your comment, as I'm still a beginner I don't understand very well about how to center the elements, I'll take advantage of your tips. Sorry if there are any errors in my answer because of Google translate.
@itbeginswithi
Posted
@Bruno-VR All good. My pleasure.