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.
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!
Looks great! Only issue I can really spot visibly is your line-height property seems to be incorrect and it's affecting the margin of the heading thus pushing your paragraph element down. Very well done!
