@HarmoniaCodes
Posted
Hi Maryam! Congrats on completing the challenge! I have a few pieces of feedback:
-When your site goes to the mobile layout, your .image class is stretching and creating a lot of whitespace. You might try modifying the .main height from 100% to avoid the excess whitespace.
-To answer the question about 100vh; This means viewport height:100%, or that the element height will take up 100% of the page window height. This helps give a value for things to be centered vertically, whereas margin:auto 0; can used for horizontal centering.
I hope this is helpful! You are doing great work!