@romila2003
Posted
Hi Yefri,
Congratulations 🎉 for completing this challenge, it was a great attempt however there are some issues regarding your HTML and CSS.
Instead of giving the container a margin
of 19.6rem auto 5rem;
, you could give use the flexbox property, to center the container, in the middle of the screen. Also, for your body, you could give the side a padding of around 20px, to prevent the card from touching the side of the screen.
body {
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
padding: 0 20px;
}
Overall, great attempt and wish you the best for your future projects.
Marked as helpful
@y25sanchez
Posted
@romila2003 Thank you so much, I applied your recommendations. Have a nice day! thanks again.