Looking to hire developers?
I don't understand how to center my whole card vertically. I used margin to center it. But is there any better solution to this?
@Fahatmah
Posted
There are several ways to center a div or your card. You can do these followings:
display: flex; align-items: center; justify-content: center;display: grid; place-items: center;position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);Don't forget to make the body height to 100 of it's viewport height. Like this body { min-height: 100vh; }
@migsilva89
Posted
I believe you can fix it with::
margin-top: 0; margin-bottom: 0; margin-left: auto; margin-right: auto;
Great job with the challenge, keep going.
Regards, Miguel Silva
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord
