Design comparison
Solution retrospective
I really wish to improve on grid and display property
Community feedback
- @Adel-HarratPosted over 1 year ago
Hello, congrats on completing this challenge
I advice you to learn more about flex or grid, and come back and redo this challenge, you will do much better and much easier
Happy coding
0 - @SoulRvr29Posted over 1 year ago
To center the page, remove the
margin-top: 100px;
andwidth: 1440px
from the body, add the following instead:display: flex; justify-content: center; align-items: center;
also remove
position: absolute;
from your.bottom-container
, and from.top-container
. Do not set fixed page dimensions, but for egmax-width: 1000px;
. Happy coding!0@Adel-HarratPosted over 1 year ago@SoulRvr29,
This won't work; I've tried it. There are additional changes needed in the HTML for your code to function properly.
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