Design comparison
SolutionDesign
Solution retrospective
What specific areas of your project would you like help with?
Guide me for the best results and help me to grow
Community feedback
- @The-BoxHead-GuyPosted 8 months ago
Hey yo, hope you're very good, it was a good try of your part, let's take a look at a few things that can be improved
If you are creating a single application in a website and you want it to be centered, there are a few steps that should come earlier:
body { min-width: 100vw; // this will take all the width of the viewport, the screen of the device min-height: 100vh; // Same as the min width display: flex; align-items: center; justify-content: center; }
This will help you to center any kind of application you'd want to create 💯, the great thing of this is that it'll last responsive (However; in several cases it'd necessary to use @media queries to make it look better)
Keep doing your best, you're on the right way!
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