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

нема опису редагування
Немає опису редагування
Мітка: Ручний відкіт
Немає опису редагування
Рядок 312: Рядок 312:
/* Main Page Columns Layout */
/* Main Page Columns Layout */
.main-page-column {
.main-page-column {
     display: inline-block;
     display: flex;
     vertical-align: top;
    flex-direction: column;
     width: calc(33.333% - 20px); /* Subtracting total horizontal padding/margin */
     justify-content: center;
    align-items: center;
     width: calc(33.333% - 20px); /* Subtracting total horizontal padding/margin */
     margin-right: 15px;
     margin-right: 15px;
     box-sizing: border-box;
     box-sizing: border-box;
     height: 160px;
     height: 160px;
     text-align: center;
     text-align: center;
     background-color: #f8f9fa; /* Light grey background, change as needed */
     background-color: #f8f9fa; /* Light grey background, change as needed */
     border: 1px solid #ccc; /* Light grey border, change as needed */
     border: 1px solid #ccc; /* Light grey border, change as needed */
     padding: 10px; /* Padding inside the boxes */
     padding: 10px; /* Padding inside the boxes */
}
}


.main-page-column:last-child {
.main-page-column:last-child {
     margin-right: 0; /* Remove margin for the last column to fit perfectly */
     margin-right: 0; /* Remove margin for the last column to fit perfectly */
}
}


Рядок 331: Рядок 333:
@media (max-width: 760px) {
@media (max-width: 760px) {
     .main-page-column {
     .main-page-column {
         width: 100%; /* Full width on smaller screens */
         width: 100%; /* Full width on smaller screens */
         margin-right: 0;
         margin-right: 0;
         margin-bottom: 15px; /* Add space between stacked columns on mobile */
         margin-bottom: 15px; /* Add space between stacked columns on mobile */
     }
     }
}
}