add responsive style sheet to html page

html/style.css

@@ -69,3 +69,18 @@
 #buttons {
 	grid-area: footer2;
 }
+
+@media screen and (max-width: 600px) {
+	.container {
+        height: 100vh;
+        display: grid;
+        grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
+        grid-template-columns: 1fr;
+        grid-template-areas:
+        "header2"
+        "mid2"
+	"mid3"
+        "footer2"
+	"footer3";
+        font-family: sans-serif;
+}