diff --git a/apps/website/src/pages/Home/index.css b/apps/website/src/pages/Home/index.css index 40a09c6bf..a7d486898 100644 --- a/apps/website/src/pages/Home/index.css +++ b/apps/website/src/pages/Home/index.css @@ -72,8 +72,7 @@ section.hero-section .title-section h1 { color: var(--foreground-color); } -section.hero-section .image, -section.hero-section .image img { +section.hero-section .screenshot { position: relative; width: 100%; height: auto; @@ -108,6 +107,10 @@ section.hero-section .more-download-options { section.hero-section .title-section { max-width: 90%; } + + section.hero-section .screenshot { + margin-top: 2em; + } } @media (min-width: 720px) { diff --git a/apps/website/src/pages/Home/index.tsx b/apps/website/src/pages/Home/index.tsx index f01b4f15c..638c1107a 100644 --- a/apps/website/src/pages/Home/index.tsx +++ b/apps/website/src/pages/Home/index.tsx @@ -29,7 +29,7 @@ function HeroSection() { -
+ ) }