Minimum page height

I have a couple pages that show some dynamic content.  Sometimes there is very little content, which is intended.  However, when this is the case, the entire web page is less than the height of the screen.  This makes the footer appear in the middle of the screen.  I’m wondering if there is a way to make the page body take up at least the whole screen, by adding white space at the bottom of the content or something.

I have tried this which I thought would work but it doesn’t seem to be.

html {

height: 100vh;

}

body {

min-height: 100vh;

}

Any other ideas?  Thanks