Почему не учитывается ширина контейнера если у дочернего элемента не задана ширина?

.content{
  overflow-x: auto;  //либо hidden
}

почему так происходит сам не понял

Как сделать код JS для офлайн чата?

eeennyg, не совсем понимаю чего ты хочешь. Зафиксировать высоту, что бы всегда был виден скрол?

Как добавить разделители через псевдоэлементы?

coderxx, можно и проще
https://codepen.io/anon/pen/aQMLxG

Почему npm install не видит прописанные модули в package.json?

Может потому что gulp и остальные должен быть в devDependencies

Ссылка внутри "аккордеона" не работает, как исправить?

das_pupkin, https://codepen.io/anon/pen/OadrLz

Ссылка внутри "аккордеона" не работает, как исправить?

das_pupkin, можешь код в какую-нибудь в песочницу залить, например на https://codepen.io

Ссылка внутри "аккордеона" не работает, как исправить?

Добавь например классы к котролам <li><a.controll>HEADER OF ACCORDION MENU 1</a>
$('.accordion a.controll')

Почему ответ 5555?

olya_097, если хочешь получить 55555, то используй .fill('5')
var a = new Array(5).fill('5').join('');
или
'5'.repeat(5)

Как сделать, чтобы блок растягивался вертикально от вложенных в него блоков?

vitHlJT62b7VCE2, все же стоит сначала почитать/посмотреть как работает позиционирование в CSS.
Например тут htmlbook.ru/samlayout/blochnaya-verstka/pozitsioni... , или уроки какие на ютубе найти

Как сделать, чтобы блок растягивался вертикально от вложенных в него блоков?

Может .reasons в position: absolute?

Как пропорционально менять позицию элементов при увеличении соседнего блока (textarea)?

monochromer, у меня получилось только увеличивать высоту textarea и одновременно увеличивать количество rows на textarea, при уменьшении Firefox и Safari начинают брыкаться https://jsfiddle.net/asrg7cyk/
Возможно вместо textarea стоит попробовать обычный div с contenteditable="true"

Почему hover не применяется к заголовку с цветом?

Анатолий,

Существует цвет заданный по умолчанию, например тем же браузером, тогда почему я могу менять его через a:hover? Вот в этом и есть весь вопрос.

ну смотри, например для ссылки браузер задает:

a:-webkit-any-link {
  color: -webkit-link;
}

ты задаешь:

a:hover {
  color: red;
}

селекторы имеют одинаковую специфичность, но твое правило объявлено позже, поэтому сработает твой селектор, а не браузера.

Почему если браузер задает цвет это не считается, а когда пользователь - считается.

А теперь смотри ссылка внутри ссылки (wtf?!), попробуй задай для ссылки цвет явно или оставить как задает браузер, поведение для них одинаковое.

Почему наследование от a:hover даже с important не применяются?

Наследовать или не наследовать определяет дочерний элемент, а не родительский.

Почему если цвет h2 не задавать, то наследование применяется?

Потому что так работает наследование.

Почему hover не применяется к заголовку с цветом?

Анатолий, свойства либо наследуются от родителя либо задаются явно, если ты задал явно, то оно больше не наследуется от родителя. Представь у тебя есть:

html { color: red }
h2 { color: blue }

какого цвета будет h2?
Если ты написал a:hover {color:lime;}, это не значит что h2 {color:green;} будут наследовать color от a или a:hover

Почему hover не применяется к заголовку с цветом?

Анатолий, тогда только так

a:hover h2 {
  color: orange;
}

Почему hover не применяется к заголовку с цветом?

Анатолий, h2 {color: inherit}

Как сделать адаптивную сетку с изображениями на всю ширину без рамок и отступов?

Роман Вопроскин, либо картинки сделай квадратными, либо используй трюк с паддингом в процентах https://bethsoderberg.com/blog/making-responsive-r...

Проверка данных на пустоту перед AJAX-отправкой?

DanKud, лучше вынести в переменную jQuery("#form").serialize()

button.onmousedown  = function(e) {
        let data = jQuery("#form").serialize();
        if (!data) return false;

        $.ajax({
            data: data,

            success: function (data, textStatus, jqXHR) {
                // успешно
            },
        });
    };

Как дождаться выполнения функции, а после выполнить условие?

83349 M, а так

const checkNicknames = async (nicknames) => {
  return nicknames.map(async (nickname) => {
    if (nickname) {
      return await ckechNikname(nickname);
    }
  });
};

Проблема с модальным окном, как исправить?

Максим Лесников, это нужно прописать прописать внутри обработчика кнопки. Примерно так:

item.addEventListener('click', (e) => {
      let hashval = item.getAttribute('href');
      let target = document.querySelector(hashval);
      history.pushState(null, null, hashval);
      e.preventDefault();
    });

Проблема с модальным окном, как исправить?

Максим Лесников, можно просто url с #modal не сохранять в историю браузера
history.pushState(null, null, '#modal');