Какие есть хорошие библиотеки (JS vanilla) для всплывающих окон?

If you’re looking for touch-friendly popup just for images, PhotoSwipe might be a better choice.
Из документации Magnific Popup

Какие есть хорошие библиотеки (JS vanilla) для всплывающих окон?

thirteen_bit, Так я же дал ссылку на PhotoSwipe того же автора

Какие есть хорошие библиотеки (JS vanilla) для всплывающих окон?

Не знаю, что вкладывается в понятие всплывающего окна в данном случае, но похоже, что нужен https://github.com/dimsemenov/PhotoSwipe

Насколько правильно сбрасывать стили блока через all:unset?

Есть такая штука - называется The New CSS Reset https://github.com/elad2412/the-new-css-reset/blob...
Там тоже сбрасываются стили с помощью all: unset; и потом нужные свойства возвращают в исходное значение с помощью revert

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

В любом случае width и height задаются в html или css. В css хуже — пока стили не прогрузятся svg будет другого размера.

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

photosho, То есть вы не знаете размеры иконки заранее?

Почему не совпадает верстка с реальными устройствами?

torbach, замените display: inline-block на flex. А так в целом там нет проблем - все точно в safari поддерживается.

Почему не совпадает верстка с реальными устройствами?

И на Iphone первый пункт меню не по краю контейнера расположен. Надо смотреть верстку меню и разбираться почему в safari так пункты меню расположены.

Почему не совпадает верстка с реальными устройствами?

А если выбрать Iphone SE (вьюпорт аналогичный с 7) и нажать на rotate для горизонтального положения?

Как найти разность максимального и минимального значения внутри массива?

console.log(work([-10, -20, -40])); // -40 - (-10) = -30 => 30

в данном случае максимальное значение равно -10, минимальное — -40. Разница 30 и Math.abs не нужен.

const arr = [-10, -20, -40];

const calcDifference = (array) => Math.max(...array) - Math.min(...array);

console.log(calcDifference(arr)); // 30

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

https://github.com/Splidejs/splide/issues/104#issu...
Здесь автор слайдера объясняет, почему такое поведение нельзя реализовать.

Как вытащить border за контейнер?

QnaTwitt, значит контейнер должен быть не один общий у хедера, а у header__top и header__navigation должны быть контейнеры. и тогда header__top и header__navigation будут на всю ширину.

Как вывести все значения поля acf поста в не цикла?

Сделайте страны таксономией. Если нужно в acf поле есть соответствующий тип для таксономий.
https://www.advancedcustomfields.com/resources/tax...
Хотя с таксономией по странам acf поле уже и не надо будет.
Ну а список терминов таксономии вывести тоже не проблема

Покажите явные ошибки в верстки тестового чтобы я понимал почему меня не взяли?

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

Покажите явные ошибки в верстки тестового чтобы я понимал почему меня не взяли?

godsplane, Использование трех классов в селекторе никогда не нужны, только если за кем то в крайнем случае и на скорую руку правки вносить.

Покажите явные ошибки в верстки тестового чтобы я понимал почему меня не взяли?

Ну и функциональные классы (row space-between align-center) могли банально не понравиться заказчику. Мог подумать, что используете bootstrap или Tailwind CSS.

Покажите явные ошибки в верстки тестового чтобы я понимал почему меня не взяли?

godsplane, Оградили тремя классами в селекторе? Нет такой необходимости — в данном случае основное меню одно на странице. Если одинаковые меню на странице, то они должны иметь одинаковые классы, если они видоизменяются, то либо бэм микс добавляется для блока, либо модификатор, максимум пару классов хватит. Как потом такие селекторы переопределить?

Покажите явные ошибки в верстки тестового чтобы я понимал почему меня не взяли?

Ну на самом то деле недочеты есть:
— высокая специфичность селекторов без явной необходимости: .header .nav-menu .nav-list__item:last-child .header .nav-menu .nav-list .header .nav-menu .nav-list__link
— заголовки h1-h6 имеют неправильную структуру (перед h5 должны быть h4 и h3, а не h2 и так вся структура)
— для font-family не указан fallback
— кнопки mobile-nav-btn и mobile-nav__btn не должны быть дивами
— при открытии мобильного меню не должно быть скрола страницы

hero-slider по дизайну без элементов управления? Это косяк дизайнера или верстальщика

Как вызвать php function из functions.php wordpress?

footer.php - это шаблон и там не должно быть никаких функций. Ни и как бы сразу подключается functions.php, а потом уже рендерятся шаблоны.

Почему не отключается масштабирования сайта?

Never use maximum-scale='1.0'