Flex-grow

footer의 여백을 맞춰주는 방법

<div class="flex flex-col h-screen">
  <header class="p-4 bg-gray-400">Header</header>
  <main class="p-4 flex-grow bg-gray-200">Content</main>
  <footer class="p-4 bg-gray-400">Footer</footer>
</div>

https://codepen.io/davidgrzyb/pen/wvMvNxR

https://blogpack.tistory.com/863