diff --git a/src/modules/Public/Donation/Donation.module.css b/src/modules/Public/Donation/Donation.module.css
index 90fd1c359..808db5897 100644
--- a/src/modules/Public/Donation/Donation.module.css
+++ b/src/modules/Public/Donation/Donation.module.css
@@ -42,6 +42,12 @@
padding-top: 5rem;
}
+@media screen and (min-width: 800px) {
+ .LClandingPageHero {
+ height: 75vh;
+ }
+}
+
.LClandingPageHero span {
display: flex;
align-items: center;
diff --git a/src/modules/Public/Donation/Donation.tsx b/src/modules/Public/Donation/Donation.tsx
index ff489502f..2f95855a8 100644
--- a/src/modules/Public/Donation/Donation.tsx
+++ b/src/modules/Public/Donation/Donation.tsx
@@ -87,19 +87,19 @@ const Donation = () => {
An informal mechanism for bringing together learners who are diff --git a/src/modules/Public/Donation/components/Footer.tsx b/src/modules/Public/Donation/components/Footer.tsx index 977cc6df0..3a7fd981a 100644 --- a/src/modules/Public/Donation/components/Footer.tsx +++ b/src/modules/Public/Donation/components/Footer.tsx @@ -10,15 +10,17 @@ import { RiFacebookBoxFill } from "react-icons/ri"; - - export default function Footer() { return (