Daniel šøā¢ 38,670
@danielmrz-dev
Posted
Hello there!
Congrats on completing the challenge! ā
Your project is looking fantastic!
I'd like to suggest a way to make it even better:
- Using
marginand/orpaddingisn't always the most effective method for centering an element.
Here's a highly efficient approach to position an element at the center of the page both vertically and horizontally:
š Apply this CSS to the body (avoid using position or margins in order to work correctly):
body {
min-height: 100vh;
display: flex;
justify-content: center;
align-items: center;
}
If you're using Tailwind, you can achieve the same with:
<body class="min-h-screen flex justify-center items-center">
I hope you find this helpful!
Keep up the excellent work!
1
