/
lstd02
/
online-library
Обзор
Документация
Войти
/
lstd02
/
online-library
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
src/components/Header/Header.scss
38 строк
750 B
Listopad02
feat: media queries
20 мар 2023, 12:13
20 мар 2023, 12:13
4c475c9
Код
Авторство
О чём код?
.header { background: linear-gradient( rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) ), url("../../static/img/header-bg.jpeg"); background-repeat: no-repeat; background-position: center; background-size: cover; width: 100%; height: 400px; background-attachment: fixed; display: flex; justify-content: center; align-items: center; flex-direction: column; h1 { color: #fff; } } .header__selects { display: flex; gap: 20px; margin-top: 30px; @media screen and (max-width: 480px) { flex-direction: column; } .header__selects-item { display: flex; align-items: center; gap: 10px; } p { margin: 0; color: #fff; } }