/
buuded
/
app-web-project
Обзор
Документация
Войти
/
buuded
/
app-web-project
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
src/components/Main/HeadBox.css
89 строк
1 KB
buuded
v0.0.4
03 фев 2025, 16:53
03 фев 2025, 16:53
db7e508
Код
Авторство
О чём код?
.headBox { display: flex; justify-content: center; width: 100%; height: 800px; margin-top: 20px; } .headBoxContent { background-color: blanchedalmond; max-width: 1280px; width: 100%; height: 100%; display: grid; grid-template-columns: 1fr 1fr; } .headBoxLeft { background-color: rgb(205, 206, 255); padding: 20px; display: flex; flex-direction: column; justify-content: center; gap: 24px; .topP { text-transform: uppercase; font-size: 20px; font-weight: 600; } h1 { font-size: 68px; font-weight: 800; line-height: 1; div { color: blue; } } ul { display: grid; grid-template-columns: 1fr 1fr 1fr; justify-content: space-between; li { color: black; p { color: blue; font-size: 22px; font-weight: 700; } } } button { display: flex; justify-content: center; align-items: center; background-color: blue; max-width: 200px; height: 40px; border: none; border-radius: 6px; color: white; } } .headBoxRight { width: 640px; height: 800px; img { width: 640px; height: 800px; overflow: hidden; display: flex; justify-content: center; align-items: center; min-width: 100%; min-height: 100%; flex-shrink: 0; } }