При нажатии на кнопку, открывался определенный блок?

Pavel-ww, А и извините что я в комментарии к Вам влез. Не туда сохранил ответ (((

При нажатии на кнопку, открывался определенный блок?

Pavel-ww, Перечитал, тут до конца не понятно. В заголовке написано "при нажатии" в описании "при наведении" ))

При нажатии на кнопку, открывался определенный блок?

В целом "открыть" нужный блок можно с помощью css. Только вот закрыть его назад при повторном нажатии на "Nanigation" не получится. Но можно где то в блоке с меню добавить отдельную кнопку для закрытия. Выглядеть будет как то так:

<div class="container">
  <div class="row">
  <div class="col-3 btn btn-primary btn-menu"><a href="#menu">Nanigation</a></div>
  </div>
</div>
<div id="menu" class="container main-menu px-0">
  <div class="row g-0">
    <ul class="list-group col-3">
      <li class="list-group-item">An item</li>
      <li class="list-group-item">A second item</li>
      <li class="list-group-item">A third item</li>
      <li class="list-group-item">A fourth item</li>
      <li class="list-group-item">And a fifth one</li>
    </ul>
    <div class="border rounded col-9">
      <h3>title category</h3>
      <h5><a href="#close">CLOSE</a></h5>
    </div>
  </div>
</div>

.main-menu{
  display:none;
}

.main-menu:target{
  display:block;
}

Сcылка на jsfiddle

Что значит сообщение fatal: unable to create threaded lstat?

Нашел инфу тут

core.preloadIndex:
Включить предварительную загрузку параллельного индекса для таких операций, как git diff
Это может ускорить такие операции, как git diff и git status, особенно в файловых системах, таких как NFS, которые имеют слабую семантику кэширования и, следовательно, относительно высокие задержки ввода-вывода. Если этот параметр включен, Git будет выполнять сравнение индексов с данными файловой системы параллельно, что позволяет перекрывать операции ввода-вывода. По умолчанию true.

В общем отключил эту функцию (git config core.preloadIndex false) и все заработало. git status не тормозит, git pull тоже без тормозов отработал. git diff я не пользуюсь.

Как разбить массив на части заданного размера?

Создайте переменную и присвойте ей массив.
Создайте цикл и весь массив прогоните, в цикле, на каждой итерации отправляйте первый (нулевой) и второй элемент массива на емейл и потом удаляйте первый (нулевой) и второй элементы из массива.

Почему css свойство height не анимируется?

Спасибо, так и сделаю.

Почему css свойство height не анимируется?

Спасибо. Добавил в css

.menu__sub-list{
  height: 72px;
  overflow:hidden;
}

И все заработало

Как в VS Code сделать пользовательский фрагмент кода только для scss файлов?

Спасибо за ссылки

Как в VS Code сделать пользовательский фрагмент кода только для scss файлов?

Спасибо, все работает

Как отследить изменение textarea, которую меняет js, а не пользователь?

Наверное надо в JS коде который вносит изменения в инпут отслеживать этот момент. Зачем пытаться его отдельно в другом коде ловить?

Как position: fixed влияет на CSS свойство transform: rotateY() на устройствах iphone?

В общем я решил при клике на карточке первым действием (перед поворотом карточки) менять position = "fixed" на relative. А последним действием (после поворота карточки) снова задавать position = "fixed".
Пришлось использовать setTimeout() с задержкой в 1 секунду что бы поворот был закончен:

/*ANIMATION SERVICE CARD FOR MOBILE HOVER*/
   for (i = 0; i < flipCards.length; i++) {
      flipCards[i].addEventListener('click', function () {
          footer.style.position =  "relative"; // Меняем position с fixed на relative
         this.classList.toggle('spin');

       /*Тут еще немного кода, для переворота обратно уже перевернутых карточек, не суть*/

         setTimeout(function() {
             footer.style.position =  "fixed"; // Возвращаем position = "fixed"
         }, 1000);
         
      });

В целом сам переворот получился, но после переворота карточка исчезает и остается просто белый фон. Но сам клик отрабатывается и карточка переворачивается назад. т.е. она как бы не скрыта за фоном но тем не менее он ее закрывает.
Пока не могу разобраться почему так происходит ....

Как устранить мерцание последнего кадра свойства animate на iphone?

Да суть в том что нужно его постоянно вызывать... Но спасибо за Ваш ответ. Я попробую убрать infinity и через setInterval делать вызо этой анимации. Может быть так мерцание пропадет.

Как position: fixed влияет на CSS свойство transform: rotateY() на устройствах iphone?

Свойство rotate будет вращать картинку относительно оси Х. получится что она просто вращается как колесо, мне же надо сделать так что бы переворот был на другую сторону.

Какие единицы измерения используются в canvas при рисовании линий?

Ага, понял, спасибо!

Какие единицы измерения используются в canvas при рисовании линий?

Про canvas понял, спасибо большое! по поводу пиксель сетки понял только что надо смещать, но не совсем ясно с чем связано необходимость этого смещения.
Прописал так (и все очень четко работает):

<canvas width='500.5' height="500.5" id="canvas"></canvas>

const canvas = document.getElementById('canvas');

      canvas.addEventListener('mouseover', function () {
         let context = this.getContext('2d');
         context.beginPath();
         context.moveTo(0, 499);
         context.lineTo(500, 499);
         context.stroke();
         context.closePath();
      });

Как сделать через CSS адаптивную фоновую картинку на весь экран?

Вот тут посмотрите про фулскрин, как раз Ваш случай.
https://youtu.be/hoC_fjeL6P4

Как открывать пункты и всегда оставлять открытым только один блок?

Тогда просто добавьте классы и настройте CSS так что б не прыгало ничего

Как в опроснике сделать подсвечивание правильный и неправильных ответов?

https://jsfiddle.net/1d5abeo3/23/

Как в опроснике сделать подсвечивание правильный и неправильных ответов?

псевдо-элемент hover - используется для изменение CSS свойств объекта при наведении на него мыши. Он Вам вообще не нужен...

Как в опроснике сделать подсвечивание правильный и неправильных ответов?

Он ничего и не выдаст если вы не добавите CSS свойства для добавленных классов.
Проверьте добавляются ли классы в HTML если добавляются то нужно прописать для них необходимые Вам свойства в CSS.

Да и наверное лучше заменить listCheckbox[i].classList.add("right") на:

let chekcbox = listCheckbox[i].closest('.checkbox');
chekcbox.classList.add("right");

Для listCheckbox[i].classList.add('false') поменять тоже соответственно. (это для того что бы выделить цветом весь блок "checkbox" а не только конкретный input)

Тогда в пишите CSS такое:

.checkbox.right{
background-color: green;
}
.checkbox.false{
background-color: red;
}