Design comparison
SolutionDesign
Solution retrospective
I don’t know why the property "align-items" did not work in the body here to center the main div. I used the margin instead. if someone knew why, it would be nice to tell me
Community feedback
- @SuleeymanPosted over 3 years ago
Well, it actually works, but your body isn't taking more height than the div itselfs. So your body's height is equal to your div's height.
About your layout, instead of display: grid and grid-template, you can simply use display: flex; add it a flex-wrap: wrap, and add a width of 300px on his childrens.
1@aboalfadel1Posted over 3 years ago@Suleeyman thx for your reply i will try this out
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