From f43fbab81c505f3df79f3b0bcd48ae8e03374559 Mon Sep 17 00:00:00 2001
From: Matthew Huntington <matt@studioxps.home>
Date: Wed, 19 Jul 2023 14:42:51 -0400
Subject: [PATCH] media query for phones

---
 public/app.css | 32 +++++++++++++++++++-------------
 1 file changed, 19 insertions(+), 13 deletions(-)

diff --git a/public/app.css b/public/app.css
index d6f225c..97a629f 100644
--- a/public/app.css
+++ b/public/app.css
@@ -12,17 +12,23 @@ th {
 tbody tr:nth-child(even) td{
 	background:#eeeeee;
 }
-main {
-	height:100vh;
-	display:grid;
-	grid-template-columns: minmax(10px, 1fr), minmax(10px, 2fr), minmax(10px, 2fr);
-	grid-template-rows: repeat(2, minmax(10px, 1fr));
-}
-section {
-	overflow:auto;
-}
 
-#timer { grid-area: 1 / 1 / 3 / 2; }
-#summary { grid-area: 1 / 2 / 3 / 3; }
-#category { grid-area: 1 / 3 / 2 / 4; }
-#songs { grid-area: 2 / 3 / 3 / 4; }
+@media (min-width: 900px){
+
+	main {
+		height:100vh;
+		display:grid;
+		grid-template-columns: minmax(10px, 1fr), minmax(10px, 2fr), minmax(10px, 2fr);
+		grid-template-rows: repeat(2, minmax(10px, 1fr));
+	}
+
+	section {
+		overflow:auto;
+	}
+
+	#timer { grid-area: 1 / 1 / 3 / 2; }
+	#summary { grid-area: 1 / 2 / 3 / 3; }
+	#category { grid-area: 1 / 3 / 2 / 4; }
+	#songs { grid-area: 2 / 3 / 3 / 4; }
+
+}