Шаблон:MainPageBlocks/styles.css: различия между версиями
Перейти к навигации
Перейти к поиску
Hloth (обсуждение | вклад) Нет описания правки |
Hloth (обсуждение | вклад) Нет описания правки |
||
| (не показаны 3 промежуточные версии этого же участника) | |||
| Строка 1: | Строка 1: | ||
.main-page-blocks { | .main-page-blocks { | ||
display: flex; | display: flex; | ||
flex-direction: | flex-direction: row; | ||
gap: 8px; | gap: 8px; | ||
margin-top: 12px; | |||
} | |||
@media (min-width: 960px) { | |||
.main-page-blocks { | |||
flex-direction: column; | |||
} | |||
} | } | ||
| Строка 15: | Строка 22: | ||
text-align: center; | text-align: center; | ||
border: 1px solid black; | border: 1px solid black; | ||
box-sizing: border-box; | |||
padding: 0 4px; | |||
} | } | ||
| Строка 20: | Строка 29: | ||
font-weight: 600; | font-weight: 600; | ||
font-size: 28px; | font-size: 28px; | ||
line-height: 24px; | |||
} | } | ||
.main-page-blocks__block__label { | .main-page-blocks__block__label { | ||
line-height: | line-height: 14px; | ||
font-size: 12px; | |||
} | } | ||
Текущая версия от 22:04, 16 марта 2025
.main-page-blocks {
display: flex;
flex-direction: row;
gap: 8px;
margin-top: 12px;
}
@media (min-width: 960px) {
.main-page-blocks {
flex-direction: column;
}
}
.main-page-blocks__block {
display: flex;
flex-direction: column;
gap: 4px;
align-items: center;
justify-content: center;
width: 80px;
height: 80px;
text-align: center;
border: 1px solid black;
box-sizing: border-box;
padding: 0 4px;
}
.main-page-blocks__block__number {
font-weight: 600;
font-size: 28px;
line-height: 24px;
}
.main-page-blocks__block__label {
line-height: 14px;
font-size: 12px;
}