Improve responsiveness

jochemloedeman · Aug 25, 2024 · 17f354d · 17f354d
1 parent 5e34dfe
commit 17f354d
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/index.html b/index.html
@@ -53,7 +53,7 @@
     <header class="flex w-full overflow-hidden pt-16 pb-12">
         <!-- Navbar -->
         <nav id="nav" x-data="{ open: false }" role="navigation" class="w-full pb-5">
-            <div class="container mx-auto px-36 flex items-center">
+            <div class="container mx-auto flex items-center px-12 md:px-24 lg:px-36">
                 <div class="flex text-4xl font-semibold font-poppins whitespace-nowrap">
                     JOCHEM LOEDEMAN
                 </div>
@@ -92,7 +92,7 @@
         </nav>
     </header>
     <!-- Content -->
-    <div class="container mx-auto px-36">
+    <div class="container mx-auto px-12 md:px-24 lg:px-36">
         <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-x-5">
             <div class="flex flex-col gap-y-5">
                 <img src="/assets/images/P1070346-Enhanced-RD Large.jpeg">