fix broken tv

gaecom · Sep 29, 2022 · 8e39c76 · 8e39c76
1 parent 3f7c3d4
commit 8e39c76
Showing 1 changed file with 3 additions and 17 deletions.
diff --git a/layouts/home.html b/layouts/home.html
@@ -22,35 +22,21 @@ <h1 class="text-6xl mb-0">
         <a href="#truth" class="btn btn-green btn-glow">Start Here</a>
       </div>
 
-      <div class="hidden md:flex w-full relative items-center justify-center">
-        <div
-          class="bg-[url('/img/tv.png')] bg-no-repeat bg-cover w-[500px] max-w-[700px] min-h-[300px]"
-        >
-          <span class="rounded-xl overflow-hidden">
+      <div class="flex w-full relative items-center justify-center">
+        <div class="w-full mx-auto md:bg-[url('/img/tv.png')] bg-no-repeat bg-cover md:w-[500px] md:max-w-[700px] md:min-h-[300px] mt-20 md:mt-0">
             <iframe
-              class="w-[330px] h-[185px] relative left-[48px] top-[54px]"
+              class="md:w-[330px] md:h-[185px] relative md:left-[48px] md:top-[54px] mx-auto md:mx-0 w-full aspect-video"
               src="https://player.vimeo.com/video/599890291"
               frameborder="0"
               webkitallowfullscreen
               mozallowfullscreen
               allowfullscreen
             ></iframe>
-          </span>
         </div>
 
       </div>
     </div>
 
-	<div class="md:hidden aspect-video mt-24">
-		<iframe
-		  class="w-full aspect-video"
-		  src="https://player.vimeo.com/video/599890291"
-		  frameborder="0"
-		  webkitallowfullscreen
-		  mozallowfullscreen
-		  allowfullscreen
-		></iframe>
-	</div>
 
 	<div class="text-center mt-32 snap-proximity">
 		<scroll-show repeat="">