@danielmrz-dev
Posted
Hello @Absynthee!
Your project looks great!
I have one suggestion for you to improve it even more:
- Although it works, using
position: absolute
is 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;
}
I hope it helps!
Other than that, great job!
Marked as helpful