responsivness

gdgbari · Nov 13, 2024 · ff28de9 · ff28de9
1 parent d123cc7
commit ff28de9
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/components/Home/Jumbo.astro b/src/components/Home/Jumbo.astro
@@ -24,7 +24,7 @@ const t = useTranslations(lang);
       </p>
       <p class="text-3xl md:text-4xl font-semibold">{t("info.locationName")}</p>
       <div class="mt-12 flex gap-4 justify-center flex-col md:flex-row">
-        <a class="btn-content text-xl" target="_blank" href="#gallery">
+        <a class="btn-content text-xl" target="_blank" onclick="document.getElementById('gallery').scrollIntoView();location.hash='#gallery'">
           <img src="/assets/vectors/camera.svg" class="h-7 mr-2" />
           {t("hero.photoAvailable")}
           <div class="ml-1" />

diff --git a/src/components/Home/SpeakerPreview.astro b/src/components/Home/SpeakerPreview.astro
@@ -16,7 +16,7 @@ const getPath = useTranslatedPath(lang);
   <div class="grid md:grid-cols-4 sm:grid-cols-2 grid-flow-row gap-10 mt-5 mb-10">
     <RandomSpeakerList client:only="react" speakers={speakers??[]} />
   </div>
-  <div class="flex items-center gap-4">
+  <div class="flex items-center gap-4 sm:flex-row flex-col">
     <a
       class="btn-content text-xl px-8"
       href={getPath("/speakers")}>{t("speaker.seeAll")}</a