From d368a6cc69b2d4190cdc1476aa65cd5e05ebbb8f Mon Sep 17 00:00:00 2001 From: GregdTd Date: Fri, 26 Jan 2024 18:22:38 +0100 Subject: [PATCH] Fix layout --- src/pages/Program.tsx | 5 +++++ src/pages/Welcome.tsx | 1 + src/styles/Layout.tsx | 1 - 3 files changed, 6 insertions(+), 1 deletion(-) diff --git a/src/pages/Program.tsx b/src/pages/Program.tsx index 9f6ed6c..111dc0d 100644 --- a/src/pages/Program.tsx +++ b/src/pages/Program.tsx @@ -72,6 +72,11 @@ const ColumnWrapper = styled.div` justify-content: center; margin: 0px 24px; gap: 24px; + padding-bottom: 150px; + + @media ${mobile} { + padding-bottom: unset; + } ` const Column = styled.div` diff --git a/src/pages/Welcome.tsx b/src/pages/Welcome.tsx index 9497a3e..60bccb1 100644 --- a/src/pages/Welcome.tsx +++ b/src/pages/Welcome.tsx @@ -35,6 +35,7 @@ export const Welcome: React.FC = () => { const SectionWrapper = styled(BaseSectionWrapper)` padding-top: 54px; + height: 100vh; ` const Wrapper = styled.div` diff --git a/src/styles/Layout.tsx b/src/styles/Layout.tsx index 4fa916c..7f8e000 100644 --- a/src/styles/Layout.tsx +++ b/src/styles/Layout.tsx @@ -18,7 +18,6 @@ export const SectionWrapper: React.FC<{ } const Wrapper = styled.div` - height: 100vh; padding: 0px 16px; background-color: ${Colors.white}; `