@danielmrz-dev
Posted
Hello @cocotiwak!
Your project looks great!
I noticed that you used padding
with percentage values to place the card in the middle of the page.
Here's a very efficient way 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;
}
I saw your code and noticed that you used a framework. I'm not sure if it's bootstrap because I'm not familiar with it. Anyway, it doesn't matter because you can have this same result using the framework code that corresponds to the CSS code above.
I hope it helps!
Other than that, great job!