Merge pull request #345 from Tidelaw/fix-footer-gap

fix footer gap on basics page

Author: DonnySolana

src/components/ContentContainer.tsx

@@ -9,9 +9,9 @@ interface Props {
 export const ContentContainer: React.FC<Props> = ({ children }) => {
 
   return (
-    <div className="flex-1 drawer h-52">
+    <div className="flex-1 drawer h-52 flex-col justify-between">
       <input id="my-drawer" type="checkbox" className="grow drawer-toggle" />
-      <div className="items-center  drawer-content">
+      <div className="items-center drawer-content flex flex-col justify-between">
         {children}
       </div>
       {/* SideBar / Drawer */}

src/components/Footer.tsx

@@ -3,8 +3,8 @@ import Link from 'next/link';
 import Image from 'next/image';
 export const Footer: FC = () => {
     return (
-        <div className="relative mb-40 mt-40">
-            <footer className="border-t-2 border-[#141414] bg-black hover:text-white absolute w-full" >
+        <div className="flex">
+            <footer className="border-t-2 border-[#141414] bg-black hover:text-white w-screen" >
                 <div className="ml-12 py-12 mr-12">
                     <div className="grid grid-cols-2 md:grid-cols-6 gap-2 md:gap-8 md:space-x-12 relative">
                         <div className='flex flex-col col-span-2 mx-4 items-center md:items-start'>