MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 506: / Line 506: @@
      min-width: 0 !important;
      margin-top: 0 !important;
+  }
+}
+/* Main Page: stack the front page columns on narrow screens, latest articles first */
+@media screen and (max-width: 720px) {
+  div.front-page {
+    display: flex;
+    flex-direction: column;
+  }
+  div.front-page > div[style*="display:flex"] {
+    flex-direction: column;
+  }
+  div.front-page > div.right {
+    float: none;
+    width: auto;
+    order: 1;
+  }
+  div.front-page > div.left {
+    margin-right: 0;
+  }
+  /* The equal-height padding trick is not needed once the columns stack */
+  div.front-page div.last-cell.cell {
+    padding-bottom: 0.3em;
+    margin-bottom: 0;
    }
 }