@danielmrz-dev
Posted
Hello @stanleydalziel!
Your project looks great!
I see that you tried using width
and margin
to center the card. Here are two very efficient ways to do it:
You can apply this to the body (in order to work properly, you can't use position or margins):
body {
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
}
Or you can apply this to the element you wanna center:
.element {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
I hope it helps!
Other than that, you did an excelent job!
@Saleiux
Posted
Thank you for this! It was very usefull also for me! @danielmrz-dev
@danielmrz-dev
Posted
I'm glad I could help š @Saleiux