add responsive

css/style.css

@@ -130,3 +130,46 @@ footer {
 #buttons div {
   margin-bottom: 1em;
 }
+
+@media only screen and (max-width: 641px) {
+  body {
+    grid-template-areas:
+      "header header"
+      "main main"
+      "menu menu"
+      "footer footer";
+  }
+
+  #header-links {
+    position: sticky;
+    bottom: 0;
+    margin-left: 0;
+    margin-top: 0;
+    flex-direction: row;
+    background-color: white;
+    border-top: solid black;
+    flex-wrap: wrap;
+  }
+
+  header {
+    display: flex;
+    flex-direction: column;
+  }
+
+  #lang {
+    justify-items: center;
+  }
+
+  #main {
+    margin: 2em 1em 2em 1em;
+  }
+
+  #footer-main {
+    display: flex;
+    flex-direction: column;
+  }
+
+  .pred-buttons {
+    align-self: center;
+  }
+}