Design comparison
SolutionDesign
Community feedback
- @VictorKevzPosted 4 months ago
Hey, great job 👏 completing this challenge. I have a tip you might find useful when trying to center a div (in this case, the card).
You need two divs one which you can set as a "wrapper/main/outer-container" and then another as may be "inner-container/card".
you can use this code:
.outer-container { display: flex; min-height: 100vh; justify-content: center; align-items: center; } .inner-container { /here just style the container as you see fit for example;/ min-width: 300px; max-width: 400px; width: 100%; border-radius: 15px; }
If you don't want an outer-container you apply the styles to the body instead, it's up to you!
I hope you find this helpful👍
Marked as helpful1@kalWick01Posted 4 months ago@VictorKevz Thanks for suggestion it really what i need, thanks so much if you have other suggestion, feel free to text to me
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