I just cant get my head around what i’m doing wrong here,
I’m trying to dead center the text “Italian food” in the middle of the page,right now its horizontally centered but NOT vertically, where is my logic going wrong?
Thanks in advance
#main is only taking up the height that it needs, which is the same height as
#main-text. Just set a height for
#main-text will vertically center inside it.
Note that you can use
calc() to center it perfectly:
height: calc(100vw - 60px). Where the 60px is the height of the navbar.
thanks dude…seemed to work (height: calc(100vw - 60px))