Позиция липкая не работает, она не прилипает ⇐ CSS

[Anonymous]

Это так просто исправить, я ЗНАЮ
У меня есть вертикальная панель навигации слева, которая ДЕЙСТВИТЕЛЬНО прилипает, но справа у нее пустое место? я хотел, чтобы это место справа было реальным содержимым? но показывает только фон
type



Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua
Lorem



Lorem

here

если я помещу панель навигации внутри #underNav, она отлично разместится поверх нее, но тогда позиция:sticky не будет работать. Раньше это всегда работало, и я не делал ничего НАСТОЛЬКО по-другому, поэтому не знаю, почему это не работает
:root {
--green: #323932 ;
--pink: #FFC6AB ;
--peach: #E7DEB7 ;
--dGreen: #0B160B ;
--white: #DADADA ;
}

* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

a {
text-decoration: none;
color: var(--dGreen);
}

#home {
display: flex;
}

#tribute-info {
width: 45vw;
padding: 5vh;
font-size: 3vh;
color: var(--dGreen);
}

#title-cont {
width: 0;
position: relative;
z-index: 3;
}

#title{
position: absolute;
left: -10px;
bottom: 20px;
writing-mode: vertical-lr;
transform: translateX(-100%) scale(var(--s,-1));
font-size: 14vh;
line-height: 12vh;
color: var(--white);
}

#img-div {
width: 55vw;
}

#image {
height: 100vh;
opacity: 0.8;
}

.content {
height: 100vh;
}

.c1 {
background-color: var(--green);
}

.c2 {
background-color: var(--peach);
}

.c3 {
background-color: var(--pink);
}

#verticalNav {
width: 80px;
height: 100vh;
background-color: var(--dGreen);
color: var(--white);
position: sticky;
top: 0;
z-index: 15;
}


Подробнее здесь: https://stackoverflow.com/questions/790 ... wont-stick