"Sticky footer" is a layout pattern that 1. if content is short, the footer "sticks" to the bottom 2. otherwise, footer is is displayed after the cont…

21. Holy Grail Layout

19. color of input elements

20. sticky footer

<pre class="shiki github-dark shaku"><code>.container{ display: flex; flex-direction: column; height: 100%;}.header { background-color: #555; color: #fff; padding: 20px 10px;}.body { padding: 20px 10px; flex: 1 1;}.footer { background-color: #555; color: #fff; padding: 20px 10px;}</code></pre>