hide marquee on mobile

Hetari · Aug 29, 2024 · 9dc008b · 9dc008b
1 parent 602125c
commit 9dc008b
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/components/design/Marquee.vue b/src/components/design/Marquee.vue
@@ -1,7 +1,7 @@
 <template>
   <section
     id="marquee-section"
-    class="heading-1 sm:heading-display mb-32 flex h-[60vh] w-full flex-col items-stretch justify-around overflow-x-clip bg-[#0B0B0A] leading-none text-flax-smoke-200 md:h-[75svh] lg:h-svh"
+    class="heading-1 hide-on-mobile sm:heading-display mb-32 flex h-[60vh] w-full flex-col items-stretch justify-around overflow-x-clip bg-[#0B0B0A] leading-none text-flax-smoke-200 md:h-[75svh] lg:h-svh"
   >
     <!-- Marquee 1: Dynamic Direction -->
     <div id="marquee-1" class="flex">

diff --git a/src/style.css b/src/style.css
@@ -97,7 +97,7 @@
   }
 
   .hide-on-mobile {
-    @apply hidden md:block;
+    @apply hidden sm:block;
   }
 
   .only-on-mobile {