@ecemgo
Posted
Some recommendations regarding your code could be of interest to you.
- In order to center the card easily and correctly, you'd better add flexbox and
min-height: 100vh
to thebody
body {
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
}
- After adding them, you can remove
margin-top
anddisplay: inline-block
from the.card
because you don't need them anymore
.card {
/* display: inline-block; */
/* margin-top: 150px; */
}
Hope I am helpful. :)
@jsr7k
Posted
@ecemgo Thank you so much for your recomendations they were very helpful. I'll apply them tonight.
@ecemgo
Posted
@jsr7k happy to help :)