Kerolos Lotfy• 70
@KerolosLotfy
Submitted
What did you find difficult while building the project? => Put the card exactly in the middle of the body. Which areas of your code are you unsure of? => media query
Looking to hire developers?
@GasstonTorres
@KerolosLotfy
Submitted
What did you find difficult while building the project? => Put the card exactly in the middle of the body. Which areas of your code are you unsure of? => media query
@GasstonTorres
Posted
Hi there! I read that you had some issues centering the card. There are several ways to do it, but im gonna tell you what i did.
<main> <section class="card-container"> </section> <main>the container is the card itself. i set up <main> in css like this: main { width: 100vw; height: 100vh; display: flex; justify content: center; align items: center; }
The display Flex in <main> make that all its child elements (container) set up with justify content and align items in center, center the card perfectly.
i hope that i helped you.
Marked as helpful