3415
редагувань
MediaWiki:Common.css: відмінності між версіями
нема опису редагування
Admin (обговорення | внесок) Немає опису редагування Мітка: Скасовано |
Admin (обговорення | внесок) Немає опису редагування Мітка: Скасовано |
||
| Рядок 410: | Рядок 410: | ||
} | } | ||
} | } | ||
.flex__block { | |||
display: flex; | |||
justify-content: space-between; | |||
align-items: center; | |||
} | |||
.home__blocks { | |||
gap: 10px; | |||
align-items: stretch; | |||
} | |||
.home__block { | |||
align-items: stretch; | |||
width: 33.3333%; /* 3 columns layout on desktop */ | |||
flex-direction: column; | |||
} | |||
.home__block-inner { | |||
align-items: stretch; | |||
gap: 10px; | |||
flex-direction: column; | |||
flex-grow: 1; | |||
} | |||
.home__block-image-block { | |||
flex-direction: column; | |||
border-radius: 20px; | |||
border: 10px solid #222127; | |||
} | |||
.home__block-image { | |||
text-align: center; | |||
padding-top: 20px; | |||
} | |||
.home__block-icon { | |||
width: 48px; | |||
height: 48px; | |||
background-position: center; | |||
background-size: contain; | |||
background-repeat: no-repeat; | |||
} | |||
.home__block-content { | |||
flex-grow: 1; | |||
flex-direction: column; | |||
align-items: stretch; | |||
} | |||
.home__block-content-inner { | |||
border-radius: 10px; | |||
background: #222127; | |||
padding: 20px; | |||
flex-grow: 1; | |||
} | |||
/* 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 */ | |||