Edit in JSFiddle

<div class="min-h-screen flex flex-col font-sans">
  <header class="flex items-center justify-between flex-wrap bg-teal p-6">
    <div class="flex items-center flex-no-shrink text-white mr-6">
      <span class="font-semibold text-xl tracking-tight">Tailwind CSS</span>
    </div>
  </header>
  <div class="flex-grow p-8 text-2xl">
    Contents
  </div>
  <footer class="bg-grey-darkest text-white p-6">
    Footer - Made with <a href="https://tailwindcss.com/" target="_blank" class="text-white hover:text-grey">Tailwind CSS</a>
  </footer>
</div>