Site logo

Archived topic

Trouble with 100VH

3 replies · Started by Maria on September 19, 2018

Viewing posts 1–4 of 4

I'm having trouble getting my two pages to fit the viewport. I've tried various combinations of height, min-height, calc(), but can't get it to work. I'm using GPP and Gutenberg.

Hi there,

try:

#page {
    min-height: calc(100vh - 172px); /* 172px = header height + footer height */
}

You're awesome!

Glad to be of help

This archived topic is closed to new replies.