GridChen Index
/ CSS Flex Layout
This is a vertical flow header taking exactly the size of its content. Observe how the grid takes all available space between header and footer on both
textarea
and
window
resize. There shall not be a vertical scrollbar, so styles elements like so
html { height: 100%; } body { display: flex; flex-direction: column; height: 100%; margin: 0 2em 0 2em; }