Делаем сайт чуточку липче🍯

Sidebar

/* Родительский элемент должен быть либо flex либо grid  */

.sidebar {
    height: 100%; /* задаем высоту на всю страницу */
    position: sticky; /* добавляем липкости */
    position: -webkit-sticky; /* не забываем про кроссбраузерность!(для работы в safari) */
    align-self: start; /* прибиваем sidebar к верху */
    top: 2rem; /* расстояние между sidebar'ом и верхней границы страницы */
}

Header

.header {
    position: fixed; /* прибиваем наш header */
    top: 0; /* фиксируем его к верху */
    left: 0; /* и к левому краю */
    width: 100vw; /* расширяем его на весь экран */
    height: 80px; /* ну и задаем ему высоту */
}