Шаблон:MainPageBlocks/styles.css: различия между версиями
Hloth (обсуждение | вклад) Новая страница: «.main-page-blocks { display: flex; flex-direction: column; gap: 8px; } .main-page-blocks__block { display: flex; flex-direction: column; gap: 4px; align-items: center; justify-content: center; } .main-page-blocks__block__number { font-weight: 600; }» |
Hloth (обсуждение | вклад) Нет описания правки |
||
| (не показано 6 промежуточных версий этого же участника) | |||
| Строка 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; | |||
} | |||
} | |||
.main-page-blocks__block { | .main-page-blocks__block { | ||
display: flex; | display: flex; | ||
| Строка 10: | Строка 18: | ||
align-items: center; | align-items: center; | ||
justify-content: 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 { | .main-page-blocks__block__number { | ||
font-weight: 600; | font-weight: 600; | ||
font-size: 28px; | |||
line-height: 24px; | |||
} | |||
.main-page-blocks__block__label { | |||
line-height: 14px; | |||
font-size: 12px; | |||
} | } | ||