Ibishka

Сделай условие если элемент находится у секции при скроле узнай клас и изходя из класса задай клас элементе. Все элементарно.

function exam(elem) {
elem.addEventListener('click', (event) => {
  currColor.style.backgroundColor = `${getComputedStyle(event.target).backgroundColor}`;
});
}
exam('prewColor');
exam('redColor');
exam('blueColor');

Net konecna

top: 50%

Max width 145px

В инспекторе посмотри

Неправильная семантика!

Я тоже искал точно по такому типу для видео. но в конце чам написал на jQuery как таб сделал

Justify con space betwen
И контейнкру задаешь ширину 100%

Хотел бы работать с вами совместно. Сам в вебе больше 6 месяцов. Щас на даработке сайта для портфолио. Если что напишите удаленно паработаем:)

Берешь div внутри logo и nav > ul > li.Пишешь для ul display: flex; и margin right для li.А потом пишешь для div display: flex; justify-content space between align items center и задаешь ширину для div. Для лого пиши display block.

Если не хочешь гемароя то возьми картинку в формате png.Или на ютубе есть видео посмотри как сделать многоугольник. А потом играй с position' онами.

Используйте программу Mamp