Design comparison
SolutionDesign
Community feedback
- @saul-gustavoPosted 3 days ago
Hello, I saw your code and I understand what you were trying to do, I recommend that you do not put html and body twice, since these will be modified, what I recommend is that you put the display flex properties in the body, so the display will be centered. container:
Like this:
.container { width: 100%; min-height: 100vh; display: flex; align-items: center; justify-content: center; }
For the main-container, do not give it a height, as it will be centered and look bad. I recommend that you put padding in px, rem, em, so that it can look like the design image
.main-container{ width: 100% padding: 1rem; border-radius: 10px; }
Practice a lot, good job!! Happy Code!!
Marked as helpful0
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