Design comparison
SolutionDesign
Solution retrospective
what i found difficult while building the project was how to center my container on the page.
Community feedback
- @hyrongennikePosted about 2 years ago
Hi, @meesua,
Congrats on completing the challenge
if you want to center the card or any element on the page you can add the following .
body { display: flex; justify-content: center; align-items: center; min-height: 100vh; }
you will need to remove the
position:absolute;
and thetransform: translate...
in order for this to work and set amax-width: 375px
on the card instead of 20%.Hope this is helpful.
0@meesuaPosted about 2 years ago@hyrongennike Thank you.
I tried it and the image and text were side-by-side on the card but it was centered.
0
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