Как убрать пробелы в навигационной панели? ⇐ CSS

[Anonymous]

В моей навигационной панели есть пустое пространство. Я не знаю, следует ли мне добавить отступы и сделать их равными 0 пикселей. Я скопировал код с другого веб-сайта и внес некоторые изменения, но их панель навигации занимает всю страницу.
Local Bakery: Sweet Tooth!


Get free delivery on orders over $50 ALL ORDERS!




Sweet Tooth

• Bread
  
  Bagels
• Knots
• Loaves

[*] Desserts

• Babka
• Cakes and Cheesecake
• Churros
• Cinnamon Rolls
• Cookies
• Donuts
• Muffins
• Pies
• Turnovers
• Waffles

[*]Filipino Desserts

• Biko
• Cassava Cake
• Halo Halo
• Leche Flan
• Puto

[*]About Us




Bread
Bagels
Knots
Loaves


Desserts
Babka
Cakes and Cheesecake
Churros
Cinnamon Rolls
Cookies
Donuts
Muffins
Pie
Turnovers
Waffles


Filipino Desserts
Biko
Cassava Cake
Halo Halo
Leche Flan
Puto


About Us


body {
font-family: Archivo, sans-serif;
font-weight: 500;
width: 100vw;
overflow-x: hidden;
}
marquee {
text-shadow: 4px 1px 0px lightcoral;
font-size: 14px;
color: #627254;
}

header {
position: sticky;
top: 0;
}

.banner {
background: #efbc9b;
color: #627254;
font-size: 14px;
padding: 8px 24px;
display: flex;
align-items: center;
justify-content: center;
}

nav {
font-weight: 600;
height: 80px;
background: #ffcad4;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
padding: 0;
}

ul.navmenu {
display: flex;
flex-direction: row;
flex: 1;
justify-content: center;
position: relative;
top: 0;
}

.navmenu a {
font-size: 16px;
text-decoration: none;
color: black;
}

.navmenu li {
display: flex;
flex-direction: column;
align-items: center;
}
.navmenu li a {
position: relative;
padding: 20px;
height: 64px;
display: flex;
align-items: center;
justify-items: center;
}

.navmenu li:hover ul.subnav {
visibility: visible;
opacity: 1;
top: 64px;
transition: 0.6s ease-in-out;
}

.navmenu li ul.subnav {
visibility: hidden;
position: absolute;
display: flex;
flex-direction: row;
background: #fae7f3;
border-radius: 12px;
opacity: 0;
}

.logo {
display: flex;
flex-direction: row;
align-items: center;
}
::-webkit-scrollbar {
width: 17px;
}
::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px grey;
border-radius: 20px;
}

::-webkit-scrollbar-thumb {
background: lightpink;
border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
background: #e493b3;
}


Подробнее здесь: https://stackoverflow.com/questions/782 ... -my-navbar