MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 113: / Line 113: @@
 /* Responsive banner styling */
-.responsive-banner {
-    display: block;
-    max-width: 600px;
-    width: 100%;
-    margin: 0 auto 20px;
-    height: auto;
-}
 .responsive-banner-container {
      width: 100%;
      text-align: center;
      margin-bottom: 20px;
+    overflow: hidden; /* Prevent content from spilling out */
+}
+/* Target the actual image element */
+.responsive-banner-container img.mw-file-element {
+    max-width: 600px !important;
+    width: 100% !important;
+    height: auto !important;
+    margin: 0 auto;
+    display: block;
+}
+/* Target the span wrappers that MediaWiki adds */
+.responsive-banner-container span {
+    display: block;
+    max-width: 100%;
 }