Alexandre• 10
@mmuuttii
Posted
hey man you can use display:flex; align-items:center ; justify-content: center;
or sometimes i usally in tag body like this: body { display: grid; align-items:center; height: 100vh; }
really nice job
1
Design comparison
Solution retrospective
- I find it difficult to center the card in the body. Though I did it somehow.
Community feedback
eyu.• 360
@Eyuleo
Posted
you can center it easily with grid or flex
body{
min-height: 100vh;
display: flex;
justify-content: center;
align-items: center;
}
or
body{
min-height: 100vh;
display: grid;
place-content: center;
}
hope this helps.
1
Don Delice Dushime• 150
@dondelice257
Posted
you did it well, to center the div automatically you can use margin:auto and height:100vh
0
Please log in to post a comment
Log in with GitHub
Join our Discord community
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