@correlucas
Posted
Hello Emmanuel! Congratulations for your solution!
I've some advices for you:
1.I notice that your card is growing depending of the screen size, to fix this you should say the maximum width your card should have, you set the width with percentage, so the size of the card will depend of the screen size, if you set a value like max-width: 350px you can be sure that at least the card will have 350px (like in the design files)
main { max-width: 350px; }
2.Alignment, your card its also not aligned vertically, to fix this behavior you've to add flex to the body and set the alignments with align-items and justify-content, don't forget also to add height: 100vh; to the body to make sure it will display 100% of the viewport.
body { display: flex; align-items: center;align-content: center; height: 100vh}
Check this tips and see if works fixing this few issues.
