More mobile viewport fixes

UTM-Robotics · Jul 2, 2024 · 8e5c181 · 8e5c181
1 parent 7a58876
commit 8e5c181
Showing 1 changed file with 24 additions and 5 deletions.
diff --git a/src/styles/Events.css b/src/styles/Events.css
@@ -231,16 +231,17 @@
 
 @media screen and (max-width: 600px) {
 	#events {
-		align-items: center;
-		justify-content: space-evenly;
+		justify-content: space-around;
 
 		flex-wrap: wrap;
-		flex-direction: row;
+		flex-direction: column;
 	}
 
-	.card {
+	#events .card {
 		margin: 1rem;
-		font-size: 1rem;
+		width: 22rem;
+		height: 28rem;
+		font-size: 1.25rem;
 	}
 
 	.card:not(:first-child){
@@ -254,5 +255,23 @@
 	.card:hover ~ .card {
 		transform: translateX(0);
 	}
+
+	#cardHeader #eventName {
+
+		font-size: 1.45rem;
+	}
+
+	#footDetails #eventDetails {
+		height: 13rem;
+		font-size: 1.125rem;
+	}
+
+	#venueGrid label{
+		font-size: 1.125rem;
+	}
+
+	#cardface p {
+		font-size: 2rem;
+	}
 
 }