Шаблон:MainPage/styles.css: различия между версиями
Hloth (обсуждение | вклад) Нет описания правки |
Hloth (обсуждение | вклад) Нет описания правки |
||
| (не показано 7 промежуточных версий этого же участника) | |||
| Строка 1: | Строка 1: | ||
.main-page { | .main-page { | ||
display: flex; | display: flex; | ||
flex-direction: column-reverse; | |||
gap: 16px; | |||
} | |||
@media (min-width: 960px) { | |||
.main-page { | |||
flex-direction: row; | |||
} | |||
} | |||
@media (min-width: 560px) { | |||
.main-page { | |||
justify-content: center; | |||
align-items: center; | |||
text-align: center; | |||
} | |||
.main-page-container { | |||
align-items: center; | |||
} | |||
.main-page-blocks { | |||
justify-content: flex-start; | |||
} | |||
} | |||
.main-page-blocks { | |||
justify-content: center; | justify-content: center; | ||
} | } | ||
.main-page-container { | .main-page-container { | ||
width: 800px; | width: 800px; | ||
max-width: 100%; | max-width: 100%; | ||
| Строка 13: | Строка 31: | ||
display: flex; | display: flex; | ||
flex-direction: column; | flex-direction: column; | ||
} | } | ||
.main-page-blocks { | .main-page-blocks { | ||
| Строка 21: | Строка 38: | ||
.main-page-buttons { | .main-page-buttons { | ||
display: flex; | display: flex; | ||
flex-direction: column; | |||
flex-wrap: wrap; | flex-wrap: wrap; | ||
justify-content: space-between; | justify-content: space-between; | ||
gap: 24px; | gap: 12px; | ||
} | |||
@media (min-width: 560px) { | |||
.main-page-buttons { | |||
flex-direction: row; | |||
gap: 24px; | |||
} | |||
} | } | ||
.main-page-buttons-section { | .main-page-buttons-section { | ||