From e95e2321b4720fee9b71a81db0983eb62184a4ec Mon Sep 17 00:00:00 2001
From: Vignesh Mohankumar <vignesh@vigneshmohankumar.com>
Date: Thu, 15 Dec 2022 13:29:55 -0500
Subject: [PATCH] fix: used sticky position for landing page content (#5699)

* fix: update padding to 80px on mobile landing

* try 100

* try 120

* 140

* try sticky
---
 src/pages/Landing/index.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/pages/Landing/index.tsx b/src/pages/Landing/index.tsx
index feaef60f73..88a463489a 100644
--- a/src/pages/Landing/index.tsx
+++ b/src/pages/Landing/index.tsx
@@ -54,17 +54,17 @@ const ContentContainer = styled.div<{ isDarkMode: boolean }>`
   align-items: center;
   width: 100%;
   max-width: min(720px, 90%);
-  position: absolute;
+  position: sticky;
   bottom: 0;
   z-index: ${Z_INDEX.dropdown};
-  padding: 32px 0 64px;
+  padding: 32px 0 80px;
   transition: ${({ theme }) => `${theme.transition.duration.medium} ${theme.transition.timing.ease} opacity`};
 
   * {
     pointer-events: auto;
   }
 
-  @media screen and (min-width: ${BREAKPOINTS.sm}px) {
+  @media screen and (min-width: ${BREAKPOINTS.md}px) {
     padding: 64px 0;
   }
 `