@Mohamedkh369
Posted
Hello , first congratulations for finishing the challenge , you did a great work ! though i would like to point something for you , as you might have noticed, the card is not vertically centered in your page even though you applied the display : flex and the align-items:center on the body element , this issue could be resolved by simply adding "height: 100vh" property to the body element which is the parent element of the container div , if it has no specific height declared the flex container will have no specific height itself , it will be as tall as it's content , in this case the card is is taking the full height of the parent flex element(the body element ) which is why it doesnt appear centered . i hope this information will be useful to you andcongratulations again for finishing the challenge , good luck in the next one .
Marked as helpful