Design comparison
Solution retrospective
I am new to web dev and I enjoyed doing this project because it helped me learn how to use CSS Viewport Units. I still not sure how to dynamically position my main div in the middle of the page for all kind of devices. I tried with display: flex, and display: grid, but still did not get the result I wanted. I would love suggestions and be looking forward to receiving advise on how to go about it.
Community feedback
- @braylarPosted over 2 years ago
Greetings Emmanuel, you could try setting the 'min-height' property 100vh and then use flex again! That is most likely the reason you weren't achieving the alignment you wanted. At first glance it just seems like the page body isn't tall enough to yield that result. Let me know if you have any questions!
Marked as helpful0@oxieoxiePosted over 2 years ago@braylar Thank you very much, it was useful.!
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