diff --git a/src/components/ImageFooter/imgfooter.js b/src/components/ImageFooter/imgfooter.js index 4dc09e6..5d84d66 100644 --- a/src/components/ImageFooter/imgfooter.js +++ b/src/components/ImageFooter/imgfooter.js @@ -6,8 +6,8 @@ function ImageFooter() {
-
Newsletter Subscription
-

+

Newsletter Subscription
+

Subscribe to our educational quiz website and stay up-to-date with the latest geography quizzes and interactive content. Test your knowledge and learn about the world around us! We promise not to diff --git a/src/components/ImageFooter/style.css b/src/components/ImageFooter/style.css index a0533ba..3e7d552 100644 --- a/src/components/ImageFooter/style.css +++ b/src/components/ImageFooter/style.css @@ -12,7 +12,7 @@ background-position: center; background-repeat: no-repeat; width: 100vw; - height: 50vh; + min-height: 50vh; } .subcopy { @@ -49,16 +49,17 @@ } @media only screen and (max-width: 900px) { - .subcopy { - padding-top: 0%; + .subform { + width: 100%; } - .newsform { - padding-top: 10%; + + .subcopy { + text-align: center; } } @media only screen and (max-width: 600px) { - .subcopy { - padding-top: 35%; + .subform { + width: 100%; } }