Daniel 🛸• 44,230
@danielmrz-dev
Posted
Hello Daniel!
Your project looks great!
I see that you tried using margin
to center the card. Here are two very efficient ways to do it, both on mobile or desktop:
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, you did an excelent job!
1