Refactored layout. Added NavBar component.

2023-01-18 15:05:39 -08:00
parent fad38dc180
commit 1d9c3133f0
56 changed files with 601 additions and 429 deletions
--- a/components/buttons/LanguageButton.module.css
+++ b/components/buttons/LanguageButton.module.css
@@ -0,0 +1,25 @@
+.menu {
+  display: flex;
+  flex-flow: row wrap;
+  min-width: 560px;
+  max-width: 100vw;
+  padding: 10px;
+}
+
+.menu div {
+  border-radius: 5px;
+  min-width: calc(100% / 3);
+}
+
+@media only screen and (max-width: 992px) {
+  .menu {
+    min-width: 90vw;
+    transform: translateX(calc(40vw));
+  }
+}
+
+@media only screen and (max-width: 768px) {
+  .menu div {
+    min-width: 50%;
+  }
+}