hi there! 👋
A couple of tips I packed up for you after looking at your code:
-
Your setup for centering your content is almost right, you should remove the
padding
from the body and addmin-height: 100vh
to it, so your content will get centered without causing scrolling. -
Instead of using 'hard-coded' values (pixels) for your padding and magins try to use
em
orrem
, so these values will nicely scale up as well, when you increase thefont-size
with@media
queries. -
And also I would modify the
text-align
properties tocenter
Hope this was helpful! 🙏🏻
Good luck and happy coding! 💪
Marked as helpful