@ameliallia
Submitted
@Mhifee
@ameliallia
Submitted
@Mhifee
Posted
Hello there, great work! To get the card centered on the body, use: body{ display: flex; min-height: 100vh; justify-content: center; align-items: center; } This should perfectly center your card with the addition of your margin.
Take note the color of the header and the padding also. The content padding is more than the normal padding given to the card. Always put the design side by side for easy comparison. Goodluck!
Please kindly mark as helpful if you´re able to resolve it. Thanks
@jacram
Submitted
This one was fun
@Mhifee
Posted
Hello there! You did a really good job. Kudos. However, try to work on the padding to give it a more defined and similar design to the one provided.
The main card should have more padding, same goes to the contents. For the paragraphs, you can make use of the line-height and take note of the color and font-size.
Goodluck! Kindly mark as helpful if you find this resolvable
@waustin45
Submitted
I used margin top to get the container centered on the body. I am unsure that is the best way to do it, but that is the simplest way I know so far. Overall, I enjoyed this project for being quick and helped me work with and understand flex box a little more.
@Mhifee
Posted
Hello there, you´ve done a really great job! To get the card centered on the body, use: body{ display: flex; min-height: 100vh; justify-content: center; align-items: center; } This should perfectly center your card with the addition of your margin.
Your border line should not be as thick as that. Use border-top: 1px solid hsl(215, 32%, 27%); Please kindly mark as helpful if you´re able to resolve it. Thanks
Marked as helpful