fix: section's mobile height issue

A forgotten height: 100% was causing an issue on mobile - too much of a space under first section (avatar)
codenomnom · Sep 25, 2024 · 9bd8050 · 9bd8050
1 parent 649a8c7
commit 9bd8050
Showing 1 changed file with 1 addition and 2 deletions.
diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -8,7 +8,7 @@ import GithubIcon from "../images/icons/github.astro";
 <MainLayout title="codenomnom">
   <main class="flex w-full flex-col md:flex-row">
     <section
-      class="left max-md:mb-2 md:w-2/5 lg:w-1/2 flex flex-col justify-start items-center px-6"
+      class="left max-md:mb-6 md:w-2/5 lg:w-1/2 flex flex-col justify-start items-center px-6"
     >
       <div class="max-h-48 md:max-h-[45dvh] md:min-h-48">
         <Image
@@ -67,7 +67,6 @@ import GithubIcon from "../images/icons/github.astro";
     background: #f5f5f5;
   }
   section {
-    height: 100%;
     position: relative;
   }
   ul {