Steppp

Ctrl + - несколько раз

.status__transit {
    transition: 1s;
}

.status__transit:hover {
  background-color: red;
  transform: scale(1.5);
  transition: 1s;
}

function Counter(){
  let count = 0;
  console.log(count); // тут хранится
  return function(){
    count++;
    return count;
  }
}
Counter();

А если капнуть глубже, то в оперативке все)

Так max-width: 1600px - это максимальная ширина! А то что на 1280, так там планшет!
пиши min-width: 1600px - это от 1600 и больше

По идеи так должно быть,

.css {
  код десктоп 
  // тоесть выполняется всегда
}
@media (max-width: 1023px) {
  .css {
    код планшет 
      // выполняется если разрешение меньше 1023рх
  }
}
@media (max-width: 767px) {
  .css {
    код мобила
    // выполняется если разрешение меньше 767px
  }
}

БЕЗ screen and

Антивирусы! Допустим есть ESET NOD32

.content_block {
  max-width: 1600px; - для адаптива! Чтоб скрола не было при меньшем размере браузера
  width: 100%;
  margin: 0 auto;
}

background-size: contain;

Тыц!

5) git push origin master

А вы переименовываете файлы с style.scss на style.sass ???

Тут и не нужен jq js! На гамбургер вешаешь hover и на меню точно такой же hover)))

let parent = document.querySelector('.parent');
const spans = document.querySelectorAll(`span`);

parent.addEventListener('click', function (e) {
  spans.forEach(el => {
    console.log(e.target.contains(el));
  });
});

или justify-content: center;