@danielmrz-dev
Posted
Hello Juan!
Your project looks great!
I noticed that you used margin
to place the card in the middle of the page.
Here's two very efficient ways to center the card:
- You can apply this to the body (in order to work properly, you can't use position or margins):
body {
min-height: 100vh;
display: flex;
justify-content: center;
align-items: center;
}
- Or you can apply this to the element you wanna center (works well with projects with only one centered element, like this one):
.element {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
I hope it helps!
Other than that, great job!
Marked as helpful