@UrbanskiDev
Posted
Hi Uzair Bajwa !
To fix your issue with the centering, I did this on the body tag to center the card :
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
height: 100vh;
The centering wasn't doing anything because the body element wasn't taking all the height available.
Don't forget to remove the padding you added, and it will work like a charm, hope it helps, keep learning and happy coding !
Marked as helpful
@bajwacodes
Posted
@UrbanskiDev YOO Thank you so much broo, gonna save your tip and try it whenever im struggling with centering. Grateful for your help.