landing page - mobile

dauletalzhanov · May 8, 2024 · 1556bfd · 1556bfd
1 parent 3110652
commit 1556bfd
Show file tree

Hide file tree

Showing 2 changed files with 78 additions and 3 deletions.
diff --git a/src/Pages/Landing/landing_mobile.css b/src/Pages/Landing/landing_mobile.css
@@ -86,6 +86,7 @@
 	}
 
 	/*****************************************************/
+
 	.taylor-title {
 		font-size: 5vw;
 		margin: 0;
@@ -137,8 +138,81 @@
 	}
 
 	/*****************************************************/
+
+	.youtube-section {
+		padding: 3vh 2vw;
+
+		justify-content: space-around;
+	}
+
+	.itunes-lorem-ipsum {
+		font-size: 2vw;
+		width: fit-content;
+	}
+
+	.itunes-heading {
+		font-size: 3vw;
+	}
 
+	iframe {
+		height: 40vw;
+		width: 40vw;
+		border-radius: 16px;
+	}
+
+	/*****************************************************/
+
+	footer {
+		padding: 1vh 1vw;
+	}
+
+	.footer-footer {
+		font-size: 2vw;
+	}
 
+	.footer-title {
+		font-size: 3vw;
+	}
+
+	/* ---------------------------------------- */
+	.footer-body {
+
+	}
+
+	.footer-leftie > label {
+		margin-top: 0;
+		font-size: 2vw;
+	}
+
+	#footer-signup-email {
+		width: 40vw;
+		height: 5vw;
+		padding-left: 2vw;
+		font-size: 2vw;
+	}
+
+	.footer-button {
+		margin-top: 1vh;
+		width: 10vw;
+		height: 5vw;
+		font-size: 2vw;
+	}
+
+	.footer-rightie {
+		width: 40vw;
+		display: flex;
+		justify-content: space-between;
+		font-size: 1.8vw;
+
+	}
+
+	.footer-rightie > div > p:first-of-type{
+		font-size: 2vw;
+	}
+
+	.footer-socials > a {
+		width: 2.5vw;
+	}
 
 
 

diff --git a/src/Pages/Landing/landing_page.css b/src/Pages/Landing/landing_page.css
@@ -245,7 +245,7 @@
 }
 
 .carousel > div > div.taylor-album.active > a > img {
-	width: 30vw;
+	width: 20vw;
 }
 
 
@@ -286,7 +286,6 @@
 
 .fancy-review {
 	font-size: 1vw;
-	max-height: fit-content;
 	font-family: "Playfair Display";
 
 }
@@ -402,7 +401,7 @@ footer {
 }
 
 #footer-signup-email::placeholder {
-	font-family: sans-serif;
+	font-family: "Roboto", sans-serif;
 }
 
 .footer-button {
@@ -425,6 +424,8 @@ footer {
 	background-color: white;
 }
 
+/* _________________________ */
+
 .footer-rightie {
 	display: flex;
 	gap: 5vw;