CSS flex-flow


![](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F5ba17cf0-b4bb-4ef5-9692-1b0d238eb0c6%2FUntitled.png?table=block&id=731fee4b-5d3f-489a-82e7-a6e7b327a0b6&cache=v2)
```type.wrapper {  **display: flex;**  flex-flow: column;  height: 100%;}.header {  flex: 0 1 auto;}.content {  flex: 1 1 auto;}```



### vertical fill
> [Make a div fill the height of the remaining screen space](https://stackoverflow.com/questions/90178/make-a-div-fill-the-height-of-the-remaining-screen-space)

> [JavaScript is not available.](https://twitter.com/flowforfrank/status/1405789880379002882/photo/1)






