initial work on mobile layout

adjust sizing of elements
change display from grid to flex
hide nav, footer, and header

style/style.css

@@ -189,6 +189,24 @@ nav {
 	}
 }
 
+ @media only screen and (max-width: 600px) {
+	header {
+		display: none;
+	}
+	footer {
+		display: none;
+	}
+	nav {
+		display: none;
+	}
+	body {
+		display: flex;
+	}
+	main {
+		height: 90vh;
+		width: 100vw;
+	}
+}
 section {
 	width: 55vw;
 }