Fix responsive style.

Author: nikoshell

src/components/Footer.astro

@@ -53,13 +53,13 @@ const gitVersion = __GIT_VERSION__;
     <div
       class="flex flex-col lg:flex-row self-center gap-8 lg:gap-12 justify-end"
     >
-    <div class="flex text-white/40 w-2/3 px-6 items-center">
+    <div class="flex text-white/40  w-full lg:w-2/3 px-6 items-center">
         <p>Excited about our mission? Want to collaborate or contribute? Let's connect!
 We're open to partnership opportunities and would love to hear your ideas.
 <a class="text-white" href="mailto:helpdesk@europython.eu">helpdesk@europython.eu</a>
 </p>
       </div>
-      <div class="flex text-white/40 w-1/3 text-start">
+      <div class="flex text-white/40 w-full lg:w-1/3 text-start">
         <div>
           <EPSLogo width=90 height=90 class="w-[90px] mr-4 h-auto " />
         </div>

src/components/Header.astro

@@ -8,7 +8,7 @@ import links from "../data/links.json";
 ---
 
 <section id="navbar" class="fixed top-0 z-50 transition-transform duration-300 transform-gpu w-full">
-  <div class="container max-w-[1150px] mx-auto py-1 mt-1 lg:p-2 lg:mt-6 px-6 flex items-center justify-between relative z-40 bg-white/80 rounded-full  backdrop-blur-md shadow-lg">
+  <div class="container max-w-[1150px] mx-auto py-1 mt-1 lg:p-2 lg:mt-6 px-2 flex items-center justify-between relative z-40 bg-white/80 rounded-full  backdrop-blur-md shadow-lg">
   <input
     type="checkbox"
     name="mobile-controls"

src/components/header/header-actions.astro

@@ -39,7 +39,7 @@ const IS_LIVE = false;
 
 
   <label for="nav_toggle" class="flex xl:hidden">
-      <span class="w-[3em] h-[3em] font-bold text-lg px-4 py-4 rounded-lg inline-flex items-center justify-center leading-4 transition-colors duration-200 not-prose border hover:text-black bg-primary text-white hover:bg-primary-hover border-transparent">
+      <span class="w-[3em] h-[3em] font-bold text-lg px-4 py-4 rounded-full inline-flex items-center justify-center leading-4 transition-colors duration-200 not-prose border hover:text-black bg-primary text-white hover:bg-primary-hover border-transparent">
       {mobile ? <Icon name="close" size="fa-xl" /> : <Icon name="bars" size="fa-xl" />}
       </span>
   </label>