diff options
Diffstat (limited to 'src/pages/index.tsx')
| -rw-r--r-- | src/pages/index.tsx | 22 |
1 files changed, 11 insertions, 11 deletions
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> |