<div class="overflow-scroll">
  <div class="w-screen h-screen flex items-center justify-center mb-48 z-10 relative bg-white">
    Page Content
  </div>

  <div class="flex w-full flex-col md:flex-row justify-center md:justify-between px-4 bg-black items-bewteen h-48 items-center fixed bottom-0 z-0">
    <div class="text-white">
      Copyright &copy; 2022. Ah Ha Creative, LLC. All Rights Reserved.
    </div>

    <div class="text-white">
      Disclaimers . Privacy Policy. Terms and Conditions
    </div>
  </div>
</div>

External CSS

  1. https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.2.19/tailwind.min.css

External JavaScript

This Pen doesn't use any external JavaScript resources.