CSS fixes for mobile.

2020-10-03 10:53:06 -07:00
parent 3d1dc08491
commit bba75fd67f
8 changed files with 35 additions and 11 deletions
--- a/components/settings/LanguageButton.module.css
+++ b/components/settings/LanguageButton.module.css
@@ -8,5 +8,18 @@

 .menu div {
  border-radius: 5px;
-  min-width: 33%;
+  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%;
+  }
 }