WapSter

1) помогите пожалуйста разобраться с правильной вложенностью

Использовать вложенность только в редких случаях или вообще ее не использовать, использовать какую либо методологию в ру сегменте доминирует БЭМ.

А если просто внутри .div_3 писать, то тоже странно. Надо много блоков меня под адаптив и если писать в каждом отдельный запрос, то в итоге css будет много запросов внутри которых будет всего по одному селектору

Можешь столкнуться, что в каком либо месте селектор типа .div_1 . .div_2 .div_3 перекроет твой .div_3. В scss есть удобный способ писать медиа запросы

.div_3 {
   color: #000;
   @media screen {
       color: #fff;
   }
}

Совмещая миксины переменные и дополнив автокомплит редактора можно добиться высокой скорости написания подобных конструкций, добавив туда сборщик с плагинами по чистке css, которые объединяют блоки с одинаковыми медиа запросами. Например такой

document.getElementById('img1') и document.getElementById('img2')

вот тут у тебя основная недоработка используй один какой-нибудь блок и в него при помощи innerHTML вставляй картинки.

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

Слышал о такой вещи как поиск? Загружаются ли элементы, которые display:none?

Индекс максимального значения перезаписывается в переменную и его значение сравнивается с текущим значением в цикле, если текущее больше последнего максимального, то его индекс перезаписывается в переменную максимального иначе просто пропускается.

PS. Для body overflow: hidden; не желательно добавлять, либо на отдельный класс для body или создавать обертку.

На jquery, на ваниле. И я смотрю ты не отмечаешь решениями ответы и дам совет. Люди перестанут помогать)

Держи https://webformyself.com/avtomaticheskaya-css-inve... не поддерживается edge ie, и в любом случае нужно воспользоваться js для определения положения фиксированного элемента и передавать противоположный цвет в это свойство. Для старых браузеров ищи скрипты на js, твоя штука называется инверсия цвета.

Раз, два, три три. Как ты искал хз, стоит научиться искать инфу это значительный кусок в работе программиста. UPD а вот это вообще зашибись.

https://bennettfeely.com/clippy/ и почитать о свойстве clip-path

Первый вариант) И это изобретение велосипеда БЭМ)
UPD посмотрел на коммент Евгений и не могу не согласится с ним, но с оговоркой. Если вы не крупный разработчик, а просто версатальщик, разделять по папкам просто ресурсы по типу. В крупных проектах используется первый вариант, ваш второй вариант не нужно разделять по блокам вообще. В js фреймворках и так все логично делится, и не нужно ничего придумывать.

display: inline-block;

Примерно так

.div1 {
  display: flex;
  justify-content: center;
  align-items: center;
}

placesList.addEventListener('click', function(event) {
  cardDelete(event);
  cardLike(event);
})

Научиться использовать DevTools браузера, вот и все. Это только для правок, полноценно с нуля что-то делать придется учить css.

Ужас какой-то) Вот тебе решение, если все классы учавствуют для стилей активного меню.

$(/* селектор списка меню */).click(function() {
   $('#toggle').removeClass("on");
   $("nav.menu").removeClass("active");
   $("header a.logo").removeClass("active");
   $("body").removeClass("ovy");
});

Уже отвечал на подобный вопрос Как сверстать такой блок?