Adel• 820
@Adel-Harrat
Posted
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
Design comparison
Solution retrospective
I really wish to improve on grid and display property
Community feedback
Paweł Chudecki• 840
@SoulRvr29
Posted
To center the page, remove the margin-top: 100px; and width: 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 eg max-width: 1000px;. Happy coding!
0
Adel• 820
@Adel-Harrat
Posted
@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 GitHub
Join 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