fix: use gap for accordion instead of margin, dont set fixed height

Author: Jan Stevens

src/layouts/AccordionLayout.astro

@@ -8,8 +8,8 @@ const { title, icon } = Astro.props;
   <div class="collapse collapse-arrow ease-in-out duration-300">
     <input aria-label={title} type="checkbox" />
     <div class="collapse-title font-extrabold tracking-tight md:text-2xl">
-      <div class="flex items-center">
-        <Icon name={icon} class="w-8 h-8 mr-4" />
+      <div class="flex items-center gap-3 md:gap-4">
+        <Icon name={icon} class="w-8 h-8" />
         <span>{title}</span>
       </div>
     </div>

src/pages/index.astro

@@ -75,9 +75,7 @@ import { Icon } from 'astro-icon/components';
       class="divider mx-auto h-fit max-w-3xl w-[95vw] flex flex-nowrap bg-secondary"
     >
     </div>
-    <main
-      class="mx-auto flex-grow max-h-[90vh] md:max-h-[70vh] max-w-3xl py-2 grid w-[95vw]"
-    >
+    <main class="mx-auto flex-grow max-w-3xl py-2 grid w-[95vw]">
       <div class="container">
         <Container />
       </div>