MediaWiki:Mobile.css: различия между версиями

нет описания правки
Нет описания правки
Нет описания правки
Строка 1: Строка 1:
@media (max-width: 600px) {
    .event-container {
        overflow-x: hidden; /* Отключаем горизонтальный скролл на мобильных устройствах */
    }
}
@media (max-width: 600px) {
@media (max-width: 600px) {
     .event-block {
     .event-block {
         min-width: 200px; /* Меньший размер для маленьких экранов */
         /* Адаптируем размеры и отступы блоков */
        width: 100%; /* Блоки занимают всю доступную ширину */
        margin-right: 0; /* Убираем отступ справа */
    }
 
    .event-block .event-details h2,
    .event-block .event-details p {
        /* Адаптируем стили текста для меньшего экрана */
        font-size: 14px; /* Меньший размер шрифта */
        /* Другие стили текста по необходимости */
     }
     }
}
}


.header-container.header-chrome {
.header-container.header-chrome {
1354

правки