Unify paddings between navbar and footer

Author: hasparus

src/app/conf/2025/components/footer/index.tsx

@@ -23,7 +23,7 @@ export function Footer({
   return (
     <footer className="gql-all-anchors-focusable relative !bg-neu-100 text-neu-900 typography-menu dark:!bg-neu-0 max-md:px-0 max-md:pt-0">
       <Stripes />
-      <div className="flex flex-wrap justify-between gap-4 px-6 py-4 max-md:w-full lg:py-10">
+      <div className="flex flex-wrap justify-between gap-4 p-4 max-md:w-full md:px-6 lg:py-10 2xl:px-10">
         {logo}
         <div className="flex gap-x-4 gap-y-2 typography-body-lg">
           <p className="flex items-center gap-2">
@@ -41,7 +41,7 @@ export function Footer({
           </li>
         ))}
       </ul>
-      <div className="relative flex justify-between gap-10 px-6 py-4 text-sm max-lg:flex-col">
+      <div className="relative flex justify-between gap-10 p-4 text-sm max-lg:flex-col md:px-6 2xl:px-10">
         <div className="flex flex-col font-light max-md:gap-5">
           <p>
             Copyright © {new Date().getFullYear()} The GraphQL Foundation. All
@@ -139,7 +139,7 @@ function FooterBox({ box }: { box: FooterLink | FooterLink[] }) {
       href={href}
       title={disabled ? "Coming soon" : undefined}
       className={clsx(
-        "gql-focus-visible relative block h-full p-6",
+        "gql-focus-visible relative block h-full p-4 pb-8 md:p-6 2xl:px-10",
         disabled ? "pointer-events-none" : "underline-offset-4 hover:underline",
       )}
       tabIndex={disabled ? -1 : undefined}

src/app/conf/2025/components/navbar.tsx

@@ -48,7 +48,7 @@ export function Navbar({ links, year }: NavbarProps): ReactElement {
         )}
       >
         <BackdropBlur />
-        <div className="flex h-[var(--navbar-h)] items-center justify-between gap-5 px-4 lg:px-10">
+        <div className="flex h-[var(--navbar-h)] items-center justify-between gap-5 px-4 md:px-6 2xl:px-10">
           <GraphQLConfLogoLink year={year} />
 
           <div className="mr-auto flex h-full flex-col justify-center whitespace-pre border-x border-blk/60 px-4 typography-menu dark:border-white/80 max-xl:hidden">