From 2cfb61501a9f72222605039ce55c2cde5afcd1d1 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Artjoms=20Marians=20=C5=85e=C4=8Dajevs?= Date: Sun, 28 Apr 2024 09:50:45 +0000 Subject: [PATCH] Update about.html --- about.html | 32 +++++++++++++++++--------------- 1 file changed, 17 insertions(+), 15 deletions(-) diff --git a/about.html b/about.html index 26ef8f6..9dfcd68 100644 --- a/about.html +++ b/about.html @@ -10,27 +10,31 @@ font-family: 'Montserrat', sans-serif; margin: 0; padding: 0; - background-color: #f0f0f0; - color: #333; + background-color: #000; /* Черный цвет фона */ + color: #fff; /* Белый цвет текста */ + } + + .wrapper { + margin-top: 80px; /* Отступ для контента под фиксированной шапкой */ + /* height: 100vh; */ /* Не нужно использовать высоту 100vh для обертки */ + overflow-y: auto; /* Включаем вертикальную прокрутку */ } nav { - position: fixed; - top: 0; - left: 0; - width: 100%; - height: 60px; /* Фиксированная высота шапки */ + position: fixed; /* Фиксированная позиция */ + top: 0; /* Расположение шапки вверху */ + left: 0; /* Расположение шапки слева */ + width: 100%; /* Занимает всю ширину экрана */ background-color: #333; - padding: 0 20px; /* Уменьшаем внутренний отступ */ + padding: 10px 0; display: flex; align-items: center; justify-content: space-between; - z-index: 999; + z-index: 999; /* Чтобы шапка была выше других элементов */ } .logo img { - max-height: 40px; /* Уменьшаем высоту логотипа */ - cursor: pointer; + width: 100px; /* Устанавливаем ширину логотипа */ } nav ul { @@ -38,12 +42,10 @@ margin: 0; padding: 0; text-align: center; - display: flex; - align-items: center; /* Выравниваем элементы по центру вертикально */ } nav ul li { - margin-left: 20px; + display: inline; } nav ul li a { @@ -135,4 +137,4 @@ - + \ No newline at end of file