CSS Keep Footer at Bottom 4 Lines CSS

Easiest Way to Keep the Footer Pinned to the Bottom of the Page with CSS no Matter How Little Content is Above the Footer. If Content Above Footer Expands Beyond the Top of the Footer, the Footer Gets Pushed Down Appropriately

Thanks to this solution by expert css reddit member jpsweeney94

<style> body { min-height:100%; display:flex; flex-direction:column; margin:0; } /* .inner is the assumed class of the div we want to expand, change as needed */ body > .inner { flex-grow: 1; } </style>