MediaWiki:Mobile.css: Difference between revisions

← Older edit Newer edit →

@@ Line 59: / Line 59: @@
 }
 /* responsive table of contents with introduction https://medium.freecodecamp.org/how-to-make-your-html-responsive-by-adding-a-single-line-of-css-2a62de81e431 */
-@media (max-width: 400px) {
+/* Mobile fix for DivToc layout */
+@media screen and (max-width: 700px) {
      .tocdiv {
-    max-width: 800px;
+        display: block !important;
-    display: grid; what
+     }
-     grid-gap: 15px;
+     .tocdiv > div {
-     grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+        width: 100% !important;
-    grid-template-columns: repeat(auto-fit, minmax(200px, 4fr));
+        margin: 0 !important;
-    grid-template-rows: repeat(2, 200px);
+     }
-     grid-template-rows: repeat(auto-fit, minmax(300px, 1fr));
-}
 }