/
Ilya_Betyaev
/
hackvlg
Обзор
Документация
Войти
/
Ilya_Betyaev
/
hackvlg
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
src/components/map-comp.css
84 строки
2 KB
Ilya_Betyaev
v3
24 июн 2024, 11:54
24 июн 2024, 11:54
eab064a
Код
Авторство
О чём код?
.map-comp-header5 { width: 100%; height: 100vh; display: flex; position: relative; align-items: flex-start; justify-content: flex-end; } .map-comp-container { width: 100%; display: flex; align-items: flex-start; justify-content: flex-end; } .map-comp-max-width { display: flex; align-self: center; align-items: center; justify-content: flex-start; } .map-comp-column { gap: 24px; width: auto; display: flex; z-index: 1; max-width: 560px; align-items: flex-start; flex-shrink: 0; flex-direction: column; } .map-comp-content { gap: var(--dl-space-space-oneandhalfunits); display: flex; align-self: stretch; align-items: flex-start; animation-name: fadeInLeftBig; flex-direction: column; animation-delay: 0s; animation-duration: 500ms; animation-direction: normal; animation-iteration-count: 1; animation-timing-function: ease; } @media(max-width: 767px) { .map-comp-header5 { justify-content: center; } .map-comp-max-width { justify-content: center; } .map-comp-column { width: 100%; } .map-comp-text { text-align: center; } } @media(max-width: 479px) { .map-comp-container { top: 0px; left: 0px; right: 0px; margin: auto; position: absolute; } .map-comp-max-width { top: 0px; left: 0px; position: absolute; } .map-comp-column { top: 0px; left: 0px; right: 0px; margin: auto; position: absolute; } .map-comp-content { top: 0px; left: 0px; position: absolute; align-self: center; } }