@correlucas
Posted
πΎHello again Nimbul, congratulations for your new solution!
Your 3 cards structure is done, you need only to improve the alignments and how much the cards grow in the desktop version. See my tips for you below:
To fix your colors and the maximum width your card can grow (note that your card is growing too much)
Add also min-height: 100vh
to align the child element to the parent height thats 100% of the screen now and flexbox for center the card.
See the changes below:
body {
background-color: hsl(218deg 100% 96%);
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
}
π I hope this helps you and happy coding!
Marked as helpful