@danielmrz-dev
Posted
Hello @Eugeneycchoy!
Your project looks great!
I have one suggestion for you to improve it even more:
- Using
margin
is not the best option to center an element. 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
@Eugeneycchoy
Posted
Hello! @danielmrz-dev
Got it! will keep that in mind. Centering stuff with vanilla CSS wasn't as easy as I thought, I forgot that the body element could be a flex container itself, thanks for the tips and reminder!!!
Cheers!