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

Владислав Михеев, согласен. Если перенести данный обработчик (addEventListener) в функцию openModal, то такой проблемы уже не будет.

Как расположить неизвестное количество блоков?

Вынесите
<div class="row">

и закрывающий тег за пределы цикла.

Swiper, как сделать разное количество слайдов в зависимости от размера слайда?

Возможно у вас есть противоречия в той логике, которую пытаетесь сделать. Как показать маленький слайд при такой последовательности так, чтобы не было видно части крупных слайдов? За ширину слайдера берем ширину большого слайда.

Как задать фону неполную ширину и при этом cover?

Антон Литвиненко, если затрагивать эту тему детальнее, то я наоборот ушёл от конструкции background к тегу picture с source и img внутри. И для img уже object-fit и object-position. На мой взгляд так проще из-за формата webp. Выбор формата изображения ложится на браузер клиента.

<picture>
    <source srcset="image.webp 1x, [e-mail] 2x" type="image/webp">
    <img src="image.png" srcset="image.png 1x, [e-mail] 2x" alt="">
</picture>

Как задать фону неполную ширину и при этом cover?

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

Как задать фону неполную ширину и при этом cover?

Может тогда проще через псевдоэлемент? Сделать before для секции абсолютом на всю высоту и 80% ширины, и z-index поставить такой, чтобы не перекрыл контент внутренний. И ему уже фон cover делать.

Какую книгу купить ребенку по программированию?

Много онлайн-ресурсов для обучения.

Есть в игровой форме, можно даже вот такие подборки посмотреть: https://tproger.ru/digest/learn-to-code-while-play...

По современному javascript есть хороший учебник: https://learn.javascript.ru/

Отдельное внимание лучше уделить и алгоритмам, помимо конкретных языков

Почему не работает preventDefault для события load_more_button?

Anna-17, пожалуйста ) Если всё ок, то можете отметить мой ответ решением.

Как изменить картинку фона с помощью php?

nikoosya, можно там же дописать:

<?
$imgPath = ''; //здесь путь к картинке
?>

<div style="background-image: url('<?=$imgPath?>;'); background-size: cover;"></div>

Либо в СSS для этого блока прописать background-size: cover; , а при выводе разметки только background-image задавать.

Почему не работает preventDefault для события load_more_button?

Anna-17, по такому же принципу сделайте замену здесь:

jQuery('.image_wrapper a').on('click', function (e) {

$(document).on("click", ".image_wrapper a", function(e) {

Как переделать табличку HTML?

Хорошо, тогда можете пометить мой ответ как решение вопроса )

Как возвращать контент после ресайза и манипуляций jquery?

Если верно понял, то в мобильной версии при открытии и закрытии меню, для него через js дописываются display block / none. Эти инлайн-стили скрывают меню, перебивая стандартные стили css-файла. И при возврате в десктоп, меню исчезает.

Как вариант можно дописать медиа-запрос с important, перебивающий инлайн-стили

// тут нужно указать разрешение экрана, с которого начинается десктопная версия
@media screen and (min-width: 768px) {
    nav {
        display: block !important;
    }
}