diff --git a/src/components/footer.tsx b/src/components/footer.tsx index 56bf51b..98b0982 100644 --- a/src/components/footer.tsx +++ b/src/components/footer.tsx @@ -13,9 +13,7 @@ const Container = styled.div` flex-direction: column; align-items: center; margin-top: 15px; - margin-bottom: 15px; - position: relative; - bottom: 5rem; + margin-bottom: 25px; `; diff --git a/src/components/layout.tsx b/src/components/layout.tsx index b082bdd..ef5eee7 100644 --- a/src/components/layout.tsx +++ b/src/components/layout.tsx @@ -10,7 +10,7 @@ const Layout = () => { display: flex; align-items: center; justify-content: center; - min-height: 100vh; + height: min-content; width: 100vw; `; return ( diff --git a/src/pages/Home/index.tsx b/src/pages/Home/index.tsx index 290c803..ff91bef 100644 --- a/src/pages/Home/index.tsx +++ b/src/pages/Home/index.tsx @@ -23,11 +23,13 @@ const Container = styled.div` justify-content: space-between; flex-direction: column; min-height: 100vh; + height: min-content; box-sizing: border-box; `; const SubscriptionsContainer = styled.div` - height: 100vh; + height: min-content; + min-height: 80vh; padding-top: 40px; width: 100vw; max-width: 500px;