@@ -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;
+}