From 0a2b481b156b616b0d82bd32e73308d17a3a975d Mon Sep 17 00:00:00 2001
From: Nikita Tchayka <nikitatchayka@gmail.com>
Date: Fri, 15 Sep 2023 20:16:03 +0100
Subject: Fix stuff

---
 src/pages/index.tsx | 22 +++++++++++-----------
 1 file changed, 11 insertions(+), 11 deletions(-)

(limited to 'src/pages')

diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 60e7a7d..5106ee9 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -49,18 +49,18 @@ function HomepageHeader() {
           </p>
         </Frame>
       </div>
-      <div className="width-full my-20">
-        <iframe
-          className="mx-auto"
-          width="560"
-          height="315"
-          src="https://www.youtube.com/embed/VM-2OVNt-eQ?si=A7JKcVobgEpi1fvt"
-          title="YouTube video player"
-          allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
-          allowFullScreen
-        />
+      <div className="mx-auto mt-24 width-full max-w-6xl">
+        <div className="relative overflow-hidden h-0 pb-16-9">
+          <iframe
+            className="absolute top-0 left-0 w-full h-full max-w-full"
+            src="https://www.youtube.com/embed/VM-2OVNt-eQ?si=A7JKcVobgEpi1fvt"
+            title="YouTube video player"
+            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+            allowFullScreen
+          />
+        </div>
       </div>
-      <div className="relative text-center mx-auto my-24">
+      <div className="relative text-center mx-auto my-10">
         <Link to="/docs/intro">
           <Button color="yellow" rounded="full" size="lg">
             <h2 className="mx-4 my-2 text-2xl">Read the Dogma</h2>
-- 
cgit