Design comparison
SolutionDesign
Solution retrospective
i have used rigid alignment to align the white div is there any better way to do it
Community feedback
- @fermopPosted almost 2 years ago
Hi Subhashish, how are you?
Answering to your question you can center the card by doing the following:
body { background-color: hsl(212, 45%, 89%); font-family: 'Outfit'; text-align: center; min-height: 100vh; display: flex; justify-content: center; align-items: center; }
If you are going to add the footer you have to add
flex-direction: column;
, this way your boxes are aligned from top to bottom.Hope it helps! any questions feel free to answer this comment. :)
Marked as helpful1@subhashishduttaPosted almost 2 years ago@fermop thanks for the feedback, really appreciate it.
1
Please log in to post a comment
Log in with GitHubJoin 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