The page is not long enough, the footer is pasted at the bottom of the page, and the footer is pushed down when the content is long enough

<div class="app">

<header></header>

<main></main>

<footer></footer>

</div>

.app{

display:flex;

flex-flow:column;

min-height:100vh;

}

main{

flex:1;

}