fix some sizing

designatuci · Apr 8, 2024 · bcee525 · bcee525
1 parent d2852fe
commit bcee525
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 14 deletions.
diff --git a/src/app/pages/Designathons/Designathon24/components/Splash/Splash.jsx b/src/app/pages/Designathons/Designathon24/components/Splash/Splash.jsx
@@ -34,16 +34,6 @@ const Splash = memo(() => {
 							Apply as Designer
 						</a>
 					</div>
-					<div className={cn.border}>
-						<a
-							className={cn.app}
-							href="https://docs.google.com/forms/d/11YEH02IGBs800naIoY8gpi_dZ5hrH15_1OXlBKNnuAs"
-							target="_blank"
-							rel="noreferrer noopener"
-						>
-							Apply as Mentor
-						</a>
-					</div>
 				</div>
 			</div>
 			<SplashLogo ref={logoRef} className={cn.logo} />

diff --git a/src/app/pages/Designathons/Designathon24/components/Splash/Splash.module.scss b/src/app/pages/Designathons/Designathon24/components/Splash/Splash.module.scss
@@ -9,7 +9,11 @@
     .logo {
         max-width: max(50vw, 360px);
         margin: 0 auto;
-        padding-bottom: 30%;
+        padding-bottom: 60%;
+
+        @media screen and (min-width: 800px) {
+            padding-bottom: 30%;
+        }
 
         path {
             stroke-width: 5;
@@ -37,7 +41,7 @@
         z-index: 110;
 
         .time {
-            font-size: 4vw;
+            font-size: min(4vw, 40px);
             grid-column: 1/3;
             font-family: "Gluten", cursive;
             font-weight: 600;
@@ -47,7 +51,7 @@
 
         .wrapper {
             display: grid;
-            grid-template-columns: 1fr 1fr;
+            grid-template-columns: 1fr;
             column-gap: 40px;
             row-gap: 10px;
             max-width: 800px;
@@ -89,7 +93,7 @@
                     background-color: #fff5e0;
                     width: 100%;
                     border-radius: 14px;
-                    font-size: 0.8em;
+                    font-size: 0.6em;
                     padding: 20px 40px;
                 }
             }