table header sticky top

components/Navbar.tsx

@@ -2,7 +2,7 @@ import Link from "next/link";
 
 export default function Navbar() {
   return (
-    <nav className="bg-gray-800 mt-0 w-full">
+    <nav className="bg-gray-800 pt-5 mt-0 w-full md:pt-2 px-5">
       <div className="container mx-auto flex flex-wrap items-center">
         <div className="flex w-full md:w-1/2 justify-center md:justify-start text-white font-extrabold">
           <Link
@@ -12,7 +12,7 @@ export default function Navbar() {
             <span className="text-2xl pl-2">Echecs France</span>
           </Link>
         </div>
-        <div className="flex w-full pt-2 content-center justify-between md:w-1/2 md:justify-end">
+        <div className="flex w-full pt-2 justify-center md:w-1/2 md:justify-end">
           <ul className="list-reset text-white no-underline flex flex-1 md:flex-none items-center">
             <li className="mr-10">
               <Link
@@ -30,7 +30,7 @@ export default function Navbar() {
                 About
               </Link>
             </li>
-            <li className="mr-10">
+            <li className="">
               <Link
                 className="inline-block border-b-4 py-5 border-transparent hover:border-teal-600 transition-all ease-in-out duration-300"
                 href="/contact"