Woldu Tsegazgi• 910
@weldu0
Posted
👋 Hey, @tawfikshaban! I have a few suggestions for your solution:
Remove the margin from .container 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.
Great work! 👏
I hope you find this helpful. 😊
Marked as helpful
1
