From 78c7b34a8c7a8481af89952b004c88e11ffec9bb Mon Sep 17 00:00:00 2001
From: rakeshkumar1019 <srakeshkumar1019@gmail.com>
Date: Fri, 26 Jul 2024 17:40:32 +0530
Subject: [PATCH] fix: footer missing on learn & about layout

---
 apps/site/layouts/About.tsx          | 3 +++
 apps/site/layouts/Learn.tsx          | 3 +++
 apps/site/layouts/layouts.module.css | 4 +++-
 3 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/apps/site/layouts/About.tsx b/apps/site/layouts/About.tsx
index ef2258cab599..5599ecbccfda 100644
--- a/apps/site/layouts/About.tsx
+++ b/apps/site/layouts/About.tsx
@@ -1,6 +1,7 @@
 import type { FC, PropsWithChildren } from 'react';
 
 import WithBreadcrumbs from '@/components/withBreadcrumbs';
+import WithFooter from '@/components/withFooter';
 import WithMetaBar from '@/components/withMetaBar';
 import WithNavBar from '@/components/withNavBar';
 import WithSidebar from '@/components/withSidebar';
@@ -21,6 +22,8 @@ const AboutLayout: FC<PropsWithChildren> = ({ children }) => (
 
       <WithBreadcrumbs navKeys={['about', 'getInvolved']} />
     </ArticleLayout>
+
+    <WithFooter />
   </>
 );
 
diff --git a/apps/site/layouts/Learn.tsx b/apps/site/layouts/Learn.tsx
index 6b4f6763f192..a42e6ae5a221 100644
--- a/apps/site/layouts/Learn.tsx
+++ b/apps/site/layouts/Learn.tsx
@@ -1,6 +1,7 @@
 import type { FC, PropsWithChildren } from 'react';
 
 import WithBreadcrumbs from '@/components/withBreadcrumbs';
+import WithFooter from '@/components/withFooter';
 import WithMetaBar from '@/components/withMetaBar';
 import WithNavBar from '@/components/withNavBar';
 import WithProgressionSidebar from '@/components/withProgressionSidebar';
@@ -26,6 +27,8 @@ const LearnLayout: FC<PropsWithChildren> = ({ children }) => (
 
       <WithBreadcrumbs navKeys={['learn']} />
     </ArticleLayout>
+
+    <WithFooter />
   </>
 );
 
diff --git a/apps/site/layouts/layouts.module.css b/apps/site/layouts/layouts.module.css
index 8466b99416d5..d21bd7ef4c46 100644
--- a/apps/site/layouts/layouts.module.css
+++ b/apps/site/layouts/layouts.module.css
@@ -1,6 +1,8 @@
 .baseLayout {
   @apply grid
-    size-full
+    h-max
+    min-h-full
+    w-full
     grid-cols-[1fr]
     grid-rows-[auto_1fr_auto];
 }