Woldu Tsegazgi• 910
@weldu0
Posted
👋 Hey, @Maame-codes! I like the precise use of the background image.
Remove the margin
from .info-card
and add flexbox to the body
. It should look like this:
body {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
min-height: 100vh;
}
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. 😊
0
thanks a lot! was kind of stuck with that one. This is really helpful@weldu0
0
Woldu Tsegazgi• 910
@weldu0
Posted
You're welcome! I'm glad to hear that it was helpful. @Maame-codes
Marked as helpful
1