Daniel šøā¢ 44,230
@danielmrz-dev
Posted
Hello, @roy-sourav23!
Your project is looking fantastic!
I'd like to suggest a way to make it even better:
- Using
marginisn'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!
Marked as helpful
1
Sourav Royā¢ 130
@roy-sourav23
Posted
@danielmrz-dev Thanks for the insight!
1
