Daniel šøā¢ 44,230
@danielmrz-dev
Posted
Hello @progressive-newbie263!
Your project looks great!
I have one suggestion for you to improve it even more:
- Using
position: absoluteis not the best option to center an element. It can cause bugs and may result in part of the content being cut off on smaller screens.
Here's a very efficient (and better) way to place an element in the middle of the page both vertically and horizontally:
š Apply this to the body (in order to work properly, don't use position or margins):
body {
min-height: 100vh;
display: flex; /* it works with grid too */
justify-content: center;
align-items: center;
}
Using Tailwind, that would be <body class="min-h-screen flex/grid justify-center items-center">.
I hope it helps!
Other than that, great job!
0
