Design comparison
Solution retrospective
Please feel free to comment! Thank you so much!
Could anybody shed me some light of what would be the proper way to start with desktop view? I would like to use grid-template
and cut the entire page into 3 parts because I don't need extra wrapping in my html like using Flexbox. But I found it difficult to control the height and vertical alignment in my grids, especially while I am v-center my main
.
Community feedback
- @tiagobwPosted over 2 years ago
Hi Samson,
you can remove your
<div class="container">
and addheight: 100vh
+ the flex properties directly to the body, like so:body { height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; }
I hope that helps.
And congratulations on completing the challenge. :)
1@samsonshamPosted over 2 years ago@tiagobw Hi Tiago 👋 Thanks for your reply! I followed your suggestion to remove container class and add the corresponding style to the body and it works.
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