/
buuded
/
app-web-project
Обзор
Документация
Войти
/
buuded
/
app-web-project
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
src/components/Header/Header.css
98 строк
1 KB
buuded
v0.0.4
03 фев 2025, 16:53
03 фев 2025, 16:53
db7e508
Код
Авторство
О чём код?
* { margin: 0; padding: 0; } .containerHeader { display: flex; justify-content: center; -webkit-box-shadow: 0px 6px 4px -4px rgba(170, 175, 178, 0.6); -moz-box-shadow: 0px 6px 4px -4px rgba(170, 175, 178, 0.6); box-shadow: 0px 6px 4px -4px rgba(170, 175, 178, 0.6); } .header { height: 100px; width: 1280px; background-color: #f2f2f2; /* -webkit-box-shadow: 0px 5px 5px -5px rgba(34, 60, 80, 0.6); -moz-box-shadow: 0px 5px 5px -5px rgba(34, 60, 80, 0.6); box-shadow: 0px 5px 5px -5px rgba(34, 60, 80, 0.6); */ z-index: 1000; display: grid; grid-template-columns: 1fr 3fr 1fr; grid-template-rows: repeat(1fr); align-items: center; } ul { list-style: none; display: flex; gap: 12px; font-weight: 400; font-size: 18px; } li:hover { color: #338cff; cursor: pointer; } a { text-decoration: none; color: inherit; &:hover { color: #338cff; } } .soc { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: repeat(1fr); gap: 12px; align-items: center; align-self: center; } .phoneSoc { display: flex; } .imgSoc { width: 24px; height: 24px; } .itemSoc { display: flex; align-items: center; gap: 8px; } .logoHeader { font-size: 32px; text-transform: uppercase; font-weight: 700; } .vkSoc, .instSoc { display: flex; justify-content: flex-end; a { display: flex; align-items: center; } img { width: 40px; height: 40px; &:hover { color: #338cff; } } }