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.
@braylar
Posted
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 helpful
@oxieoxie
Posted
@braylar Thank you very much, it was useful.!
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
