Woldu Tsegazgi• 910
@weldu0
Posted
👋 Hey, @oduwa-A! I have a few suggestions for your solution:
Remove the margin from .info-card and add flexbox to the body. It should look like this:
body {
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
flex-direction: column;
}
Using margin only centers the element horizontally, while flexbox allows you to center it both horizontally and vertically.
Everything else looks great. Great work! 👏
I hope you find this helpful. 😊
Marked as helpful
1
