Design comparison
SolutionDesign
Community feedback
- @correlucasPosted over 2 years ago
👾Hello Michal, congratulations for your solution!
I saw that you've tried to align this component with margins, but was a little bit tricky, my advice for you is to use instead
flexbox
.I did some fixes to the
body
andmain
in order to align, see how you can align it below:body { background-color: hsl(220, 15%, 55%); font-family: 'Outfit', sans-serif; font-size: 15px; /* max-width: 1440px; */ /* min-height: 100vh; */ min-height: 100vh; /* padding: 0; */ /* margin: 0 auto; */ display: flex; flex-direction: column; align-items: center; justify-content: center; } main { display: flex; align-items: center; justify-content: center; }
Hope it helps, happy coding!
Marked as helpful1@xXkosziarzXxPosted over 2 years ago@correlucas already corrected thank you very much thanks to you i understand "flex" more
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