Account Deleted
It seems like you have issues to center something in the screen judging also from your previous solutions. For websites like this where you have a "card" in the center of the screen you can simply start from this html:
<body>
<div class="card">
...
</div>
</body>
Then with css:
body {
min-height: 100vh; /* make the height of your body at least 100vh which is the full screen height (or the viewport height - that's what vh means) */
display: flex;
justify-content: center;
align-items: center;
}
This way your card will be at the center of the screen.
Note the min-height: 100vh;
. My guess is that the reason you can't center vertically is because of this.
Marked as helpful
0
Theboytoyin• 50
@Theboytoyin
Posted
Thanks alot. tried it on my new solution, Worked well.@arkatsy
0