Столкнуться с проблемой на навигационной баре ⇐ CSS

[Anonymous]

** index.html
** < /p>

Код: Выделить всё

Document
[*]








[url=#][i][/url]

[list]
[*][url=index.html]Home[/url]
[*][url=shop.html]Shop[/url]
[*][url=blog.html]Blog[/url]
[*][url=about.html]About[/url]
[*][url=contact.html]Contact[/url]
[*][url=cart.html][/i][/url]
[/list]

** Веб-сайт styl.css
**

Код: Выделить всё

@import url('https://fonts.googleapis.com/css2?family=League+Spartan:wght@100;200;300;400;500;600;700;800;900&display=swap');
* {
margin: 0;
padding: 0;;
box-sizing: border-box;
font-family: 'Spartan', sans-serif;
}

h1 {
font-size: 50px;
line-height:64px;
color: black;
}

h2 {
font-size: 46px;
line-height:54px;
color: black;
}

h4 {
font-size: 20px;
color: black;
}

h6 {
font-weight: 700;
font-size: 12px;
}

p {
font-size: 16px;
color: #465b52;
margin: 15px 0 20px 0;
}

.section-p1 {
padding: 40px 80px;
}

.section-m1 {
margin: 40px 0;
}

body{
width: 100px;
}

/* Header Start */

#header{
display: flex;
align-items: center;
justify-content: centre;
padding: 20px 80px;
background-color: burlywood;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.06);
}

#navbar{
display:flex;
align-items: centre;
justify-content: centre;
}

#navbar li{
list-style: none;
padding: 0 20px;
}

#navbar li a{
transition: all 0.3s ease 0s;
}

#navbar li a:hover {
color: brown;
}

Я СОЗДАЛ ЭТУ НАВИГАЦИОННУЮ ПАНЕЛЬ ДО СЕЙЧАС, НО Я Сталкиваюсь с несколькими проблемами,
ПОЧЕМУ МОЯ НАВИГАЦИЯ НЕ ПОЛНОСТЬЮ ЦВЕТА, И НАВИГАЦИОННЫЕ КНОПКИ, КАК ДОМОЙ И Т.Д. НЕ ОТОБРАЖАЮТСЯ С ПРАВОЙ СТОРОНЫ? КАК Я МОГУ РЕШИТЬ ЭТУ ПРОБЛЕМУ? ПЛЗ ПОМОГИТЕ! Я ПРИЛОЖИЛ ИЗОБРАЖЕНИЕ, КАК МОЙ ВЕБ-САЙТ ВЫГЛЯДИТ СЕЙЧАС.

Подробнее здесь: https://stackoverflow.com/questions/764 ... gation-bar