MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 1: / Line 1: @@
+.eras-table img {
+    max-width: 200px;
+    width: 100%;
+    height: auto;
+}
+/* For medium screens - switch to 2x3 layout */
+@media screen and (max-width: 800px) {
+    .eras-table {
+        display: grid;
+        grid-template-columns: repeat(2, 1fr);
+    }
+    .eras-table th {
+        grid-column: 1 / span 2;
+    }
+}
+/* For small screens - switch to 6x1 layout */
+@media screen and (max-width: 400px) {
+    .eras-table {
+        display: grid;
+        grid-template-columns: 1fr;
+    }
+    .eras-table th {
+        grid-column: 1;
+    }
+}