diff --git a/src/components/Banner.module.css b/src/components/Banner.module.css index 3ef80e5..4d5ed5a 100644 --- a/src/components/Banner.module.css +++ b/src/components/Banner.module.css @@ -150,6 +150,7 @@ @media (max-width: 30rem) { .hero { padding-bottom: 2rem; + min-height: 40vh; } .heroContent { diff --git a/src/layouts/Footer.module.css b/src/layouts/Footer.module.css index 387c051..7406d58 100644 --- a/src/layouts/Footer.module.css +++ b/src/layouts/Footer.module.css @@ -179,7 +179,7 @@ } .footerGrid { - grid-template-columns: 1fr; + grid-template-columns: repeat(6, 1fr) ; gap: 0.75rem; } diff --git a/src/layouts/Header.module.css b/src/layouts/Header.module.css index 4e5a24f..779b868 100644 --- a/src/layouts/Header.module.css +++ b/src/layouts/Header.module.css @@ -460,7 +460,7 @@ @media (max-width: 48rem) { .header { - height: 4rem; + height: 8rem; } .headerInner::after { @@ -481,4 +481,5 @@ .dropPanel { display: none; } + } \ No newline at end of file diff --git a/src/pages/Home/Home.module.css b/src/pages/Home/Home.module.css index a70f9ea..95e0661 100644 --- a/src/pages/Home/Home.module.css +++ b/src/pages/Home/Home.module.css @@ -263,6 +263,11 @@ .newsItem { min-height: auto; } + + .newsGrid { + grid-template-columns: 1fr !important; + } + } .cardBg {