1354
правки
MediaWiki:Mobile.css: различия между версиями
Перейти к навигации
Перейти к поиску
нет описания правки
Gryadka (обсуждение | вклад) Нет описания правки |
Gryadka (обсуждение | вклад) Нет описания правки |
||
| Строка 1: | Строка 1: | ||
@media (max-width: 600px) { | |||
.event-block { | |||
min-width: 200px; /* Меньший размер для маленьких экранов */ | |||
} | |||
} | |||
.header-container.header-chrome { | .header-container.header-chrome { | ||
background: url('/images/f/f2/Shapka.png') no-repeat top left; | background: url('/images/f/f2/Shapka.png') no-repeat top left; | ||
| Строка 40: | Строка 46: | ||
.event-container { | .event-container { | ||
display: flex; | display: flex; | ||
justify-content: | justify-content: flex-start; | ||
align-items: center; | align-items: center; | ||
flex-wrap: nowrap; | |||
overflow-x: auto; /* добавляет горизонтальный скролл, если содержимое выходит за пределы */ | overflow-x: auto; /* добавляет горизонтальный скролл, если содержимое выходит за пределы */ | ||
scrollbar-width: none; /* Для Firefox */ | scrollbar-width: none; /* Для Firefox */ | ||
| Строка 52: | Строка 59: | ||
.event-block { | .event-block { | ||
flex: | flex: 1 0 auto; | ||
padding: 10px; | padding: 10px; | ||
margin-right: 20px; | margin-right: 20px; | ||
| Строка 58: | Строка 65: | ||
width: 400px; /* Установите максимальную ширину блока по вашему желанию */ | width: 400px; /* Установите максимальную ширину блока по вашему желанию */ | ||
height: 400px; /* Установите максимальную ширину блока по вашему желанию */ | height: 400px; /* Установите максимальную ширину блока по вашему желанию */ | ||
flex-shrink: 0; | |||
} | } | ||
.event-container .event-block:first-child { | .event-container .event-block:first-child { | ||
margin-left: | margin-left: 0px; /* или любое другое значение, которое подходит */ | ||
} | } | ||