@correlucas
Posted
πΎHello Godwin, congratulations for your new solution!
Answering your question:To make this alignment, first of all remove all margins used to align and do this enterily with flex, by adding min-height: 100vh
to the body
to make the body display 100% of the viewport height (this makes the container align to the height size thats now 100% of the screen height) size and display: flex
e flex-direction: column
to align the child element (the container) vertically using the body as reference.
π I hope this helps you and happy coding!
Marked as helpful
@godwin-okechukwu
Posted
@correlucas, thank you so much. I never thought along that line. I'm glad you reached out π