Minor fixes

HackHPI · Feb 14, 2024 · 00826e2 · 00826e2
1 parent c69bb67
commit 00826e2
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 9 deletions.
diff --git a/src/components/LandingImage/Countdown.jsx b/src/components/LandingImage/Countdown.jsx
@@ -14,7 +14,7 @@ function Countdown() {
     }, []);  //dependency, if end changes remount
 
     return (
-        <Typography sx={{color: "white"}} variant={"h2"} component={"h1"} gutterBottom>
+        <Typography sx={{color: "white"}} variant={"h2"} component={"h1"} >
             {`${Math.round(timeLeft / (24 * 60 * 60 * 1000))} Days`}
         </Typography>
     )

diff --git a/src/components/LandingImage/LandingImage2.jsx b/src/components/LandingImage/LandingImage2.jsx
@@ -4,15 +4,15 @@ import {TypeAnimation} from "react-type-animation";
 import Countdown from "./Countdown.jsx";
 import {CalendarMonthOutlined} from "@mui/icons-material";
 
-function LandingImage2(props) {
-
+function LandingImage2() {
 
     return (
         <Box sx={{
             width: "100%",
             backgroundImage: `url(/mazeBackground.svg), linear-gradient(180deg, rgba(19,16,27,1) 0%, rgba(19,16,27,1) 100%)`,
             backgroundPosition: "center",
-            backgroundSize: "cover"
+            backgroundSize: "cover",
+            padding: 2
         }}
         >
             <Container sx={{height: "100%", width: "100%", display: "flex", alignItems: "center"}}>
@@ -22,8 +22,7 @@ function LandingImage2(props) {
                     display: "flex",
                     justifyContent: "space-around",
                     flexDirection: "column",
-                    minHeight: "80vh",
-
+                    minHeight: "60vh",
                 }}>
 
                     <img src={"/HackHPI24_white.png"} width={"150rem"} alt={"HackHPI Logo"}/>

diff --git a/src/components/Newsletter/Newsletter.jsx b/src/components/Newsletter/Newsletter.jsx
@@ -7,16 +7,16 @@ function Newsletter() {
         <HackHPIWrapper>
             <Box sx={{paddingTop: 10, paddingBottom: 10}}>
                 <Container>
-                    <Grid container spacing={3}>
-                        <Grid item xs={12} md={6} sx={{display: "flex", alignItems: "center"}}>
+                    <Grid container spacing={3} justify="flex-start">
+                        <Grid item xs={12} md={6} sx={{display: "flex", alignItems: "center"}} order={{ xs: 2, sm:2, md: 1 }}>
                             <iframe
                                 width="540"
                                 height="350"
                                 src="https://0270cddf.sibforms.com/serve/MUIFAODxMCBfEOxAaU41kdXNneuAYA9UFi6EdbUH-mezqAUhIK5cEXk8oEIPnRLFxdhcbYk-LxaUNXsHG-wKikEJ-7PxUY0h8Fyfba1LtUBOhpVSwUWzjyx4QY0n2N5vM52i5u1HwqcZrC-rJaAxAIndH_nvEadZlRyjy3Ky_NncN66lIPLtXLFN5JWjZNGqaNxCAV0bz1CE_EbY"
                                 frameBorder="0" scrolling="auto" allowFullScreen
                             ></iframe>
                         </Grid>
-                        <Grid item xs={12} md={6}>
+                        <Grid item xs={12} md={6} order={{ xs: 1, sm: 1, md: 2 }}>
                             <Typography
                                 variant={"h2"}
                                 component={"h1"}