P
@nataliesmyth
Set prop 'height' with value '100vh' to the classname '.main' in your 'style.css' file. Check below: .main { height: 100vh; display: flex; justify-content: center; align-items: center; }
So flexbox will allign all content vertically. This should help.
Grid practice is cool, but much easier to use flexbox on parent element. Flexbox provides adaptive layout. Your layout isn't adaptive for phone users.