3415
редагувань
MediaWiki:Common.css: відмінності між версіями
нема опису редагування
Admin (обговорення | внесок) Немає опису редагування Мітки: Ручний відкіт Скасовано |
Admin (обговорення | внесок) Немає опису редагування Мітка: Скасовано |
||
| Рядок 311: | Рядок 311: | ||
.flex__block { | .flex__block { | ||
display: flex; | display: flex; | ||
justify-content: space-between; | justify-content: space-between; | ||
align-items: center | align-items: center; | ||
flex-wrap: wrap; /* Ensures that blocks can wrap on smaller screens */ | |||
} | } | ||
.home__blocks { | .home__blocks { | ||
display: flex; | |||
flex-wrap: wrap; | |||
gap: 10px; | gap: 10px; | ||
align-items: stretch | align-items: stretch; | ||
width: 100%; /* Ensures full width */ | |||
} | } | ||
.home__block { | .home__block { | ||
align-items: stretch; | align-items: stretch; | ||
width: 33.3333%; | width: 33.3333%; /* 3 columns layout on desktop */ | ||
flex-direction: column | flex-direction: column; | ||
box-sizing: border-box; /* Includes padding and border in the element's total width and height */ | |||
} | } | ||
| Рядок 358: | Рядок 353: | ||
width: 48px; | width: 48px; | ||
height: 48px; | height: 48px; | ||
background-position: center center; | background-position: center center; | ||
background-size: contain; | background-size: contain; | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
} | } | ||
| Рядок 379: | Рядок 361: | ||
flex-grow: 1; | flex-grow: 1; | ||
flex-direction: column; | flex-direction: column; | ||
align-items: stretch | align-items: stretch; | ||
} | } | ||
| Рядок 389: | Рядок 371: | ||
} | } | ||
.home__block | /* Media Query for Mobile Devices */ | ||
@media (max-width: 768px) { | |||
.home__block { | |||
width: 100%; /* Full width for mobile */ | |||
margin-bottom: 20px; /* Space between blocks */ | |||
} | |||
} | } | ||
/* Additional responsive adjustments might be necessary depending on content */ | |||