MediaWiki:Common.css: відмінності між версіями

MediaWiki:Common.css (переглянути вихідний код)

719 байтів додано , 21 квітня 2024

нема опису редагування

3415

редагувань

@@ Рядок 310: / Рядок 310: @@
 }
-/* Basic three-column layout */
+/* Main Page Columns Layout */
-@media (max-width: 700px) {
+.main-page-column {
+    display: inline-block;
+    vertical-align: top;
+    width: calc(33.333% - 20px); /* Subtracting total horizontal padding/margin */
+    margin-right: 15px;
+    box-sizing: border-box;
+    height: 160px;
+    text-align: center;
+    background-color: #f8f9fa; /* Light grey background, change as needed */
+    border: 1px solid #ccc; /* Light grey border, change as needed */
+    padding: 10px; /* Padding inside the boxes */
+}
+.main-page-column:last-child {
+    margin-right: 0; /* Remove margin for the last column to fit perfectly */
+}
+/* Responsive behavior for smaller screens */
+@media (max-width: 760px) {
      .main-page-column {
-         flex-basis: 100%;
+         width: 100%; /* Full width on smaller screens */
-         margin: 5px 0;
+         margin-right: 0;
+        margin-bottom: 15px; /* Add space between stacked columns on mobile */
      }
 }