Design comparison
SolutionDesign
Solution retrospective
Besides the fact that I forgot to adjust the error messages If you have any insight to improve the JS part let me know (there might be a more efficient way or whatever) or even the CSS part! It was a fun project anyways
Community feedback
- @MaximilianoDanielGarciaPosted 10 months ago
Hi Lamar, great job!
If you're wondering how to center it, you can use either Flex Box or CSS Grid.
- Using Flex Box:
body { display: flex; justify-content: center; align-items: center; min-height: 100vh; }
- Using CSS Grid:
body { display: grid; place-items: center; min-height: 100vh; }
And if you want to adjust your background image to the screen size just add
background-size: cover;
After you apply these suggestions it will look better.
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