3415
редагувань
MediaWiki:Common.css: відмінності між версіями
нема опису редагування
Admin (обговорення | внесок) Немає опису редагування Мітки: Ручний відкіт Скасовано |
Admin (обговорення | внесок) Немає опису редагування Мітка: Скасовано |
||
| Рядок 308: | Рядок 308: | ||
.image-details.is-visible { | .image-details.is-visible { | ||
display: none!important; | display: none!important; | ||
} | |||
/* Стилі для трьох колонок на головній сторінці */ | |||
.main-page-column { | |||
float: left; | |||
width: calc(33.333% - 20px); /* віднімаємо марджини між колонками */ | |||
margin-right: 15px; | |||
height: 180px; | |||
background-color: #f8f9fa; /* світло-сірий фон, можна змінити на свій колір */ | |||
text-align: center; /* текст (заголовок) буде по центру */ | |||
box-sizing: border-box; /* включаємо padding і border в загальну ширину */ | |||
display: flex; | |||
flex-direction: column; | |||
justify-content: center; | |||
align-items: center; | |||
} | |||
.main-page-column:last-child { | |||
margin-right: 0; /* останній елемент не матиме правого марджину */ | |||
} | |||
@media (max-width: 760px) { | |||
.main-page-column { | |||
width: 100%; /* на мобільних - повна ширина */ | |||
margin-right: 0; | |||
margin-bottom: 15px; /* додаємо відступ між колонками, які стають рядами */ | |||
} | |||
.main-page-column:last-child { | |||
margin-bottom: 0; /* останній елемент не матиме нижнього марджину */ | |||
} | |||
} | } | ||