Как вывести массив (вопросы для викторины) с ожиданием ответа, но ограничением по времени?

Для решения этой задачи Вы должны быть знакомы с:
https://learn.javascript.ru/first-steps
https://learn.javascript.ru/data-types
https://learn.javascript.ru/document
https://learn.javascript.ru/events
https://learn.javascript.ru/forms-controls

Ну и загуглить: модальные окна html js css

Как сделать пошаговый вывод массива?

Алексей selftrips.ru,

а можно сделать ограничение по времени на модальное окно?

на данное окно - нет. При его возникновении поток выполнения ставится на паузу, пока пользователь не нажмёт "ок" или "Отмена".

Тут уже только свои модалки делать надо.

Как просматривать HTML документ на странице?

iframe?

Могу ли я переходить по страницам на сайте с локальным сервером?

Галп у вас страницы обрабатывает и потом собирает куда-то?

По какой причине данные из объекта не вписываются в шаблон и вместо них ставится undefined?

Amourezel, https://learn.javascript.ru/debugging-chrome

Почему radio btn в chrome серого цвета при полном экране?

Версия браузера?
Установленные расширения?
OC?
Включена ли тёмная тема в ОС?
Пример в песочнице?
Ссылка на ресурс, где воспроизводится?

WIN 10, Chrome 93.0.4577.82 - Одинаково здоровые чекбоксы, как и всегда.

Как кэшировать background (фоновую картинку сайта)?

BLM21,

Впервые слышу о таком запрете в правилах.

Правила сервиса

3.8. Использовать для демонстрации фрагментов кода только специальный тег <code> или специальные демонстрационные ресурсы (например, JsFiddle - https://jsfiddle.net/). Размещение фрагментов кода в виде изображений запрещено.

А по вопросу не подскажу, что-то специфичное и не совсем по моему профилю.

Как кэшировать background (фоновую картинку сайта)?

BLM21,
Давайте проясним пару моментов.
1) Артефакт != мерцание.
2) У Вас в вопросе только скрины с кодом, что, к слову, запрещено правилами сервиса. Судя по Вашим комментариям - должен быть ещё какой-то скрин.

И по прежнему не понятна Ваша проблема. На данный момент Вы говорите что у пользователей есть мерцание. Я так понимаю, при открытии страницы. Как Вы собираетесь это решить? При первом посещении пользователем сайта это неизбежно, так как браузер загружает ресурс по сети, а не берёт из кеша. А вот при повторном посещении - возьмёт из кеша. Разумеется если сервер сконфигурирован адекватно. Никаких дополнительных манипуляций для кеширования конкретно фоновых картинок производить не нужно. Сервер знать не знает что фоновое, а что нет. И обычная картинка и фоновая - просто медиа ресурс.

Как кэшировать background (фоновую картинку сайта)?

насколько осведомлён, он является лучшим и без артефактов

Я правильно понял, что Вы говорите о якобы преимуществе фоновой картинки над обычной? Если да, то не знаю где Вы такое могли услышать.

По поводу основного вопроса - не совсем понятно в чём Ваша проблема. Браузер конечного пользователя сам кеширует такие ресурсы.

Как сделать такой же вырез из-за текста?

Предоставьте больше информации.

Текст "Ваш логин" может быть другим?
Он плавающий?

Как сделать такой же вырез из-за текста?

tyoma_koder, как минимум - в семантике.
Группа из одного - не группа.

Как сделать такой же вырез из-за текста?

А Вы сами читали для чего этот тег?
У автора вырез под лэйбл для конкретного инпута.

Не путайте людей, пожалуйста.

Как сделать что-бы сначала двигался скролл текста, а потом только страница двигалась вниз?

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

Как отобразить строку с спецсимволами а alert?

Dutymy, мне о таком не известно

Почему не работают методы swiper?

Михаил Юматов,
Там жирным выделено даже

Почему не работают методы swiper?

Документация молчит?
https://swiperjs.com/swiper-api#initialize-swiper

Браузеры все же обновляются автоматически?

wakenbyWork, для того чтобы определиться, можно ли использовать ту или иную фичу, нужно иметь статистику посещений сайта. Тогда будет понятно с каких браузеров посетители вашего сайта.
Если целевая аудитория не известна и нет такой статистики, то можно начать с поддержки последних N версий. N выбрать на основе некоторого предположения о целевой аудитории.

Почему мой итоговый bundle.js весит 2мб?

package.json закиньте тоже

Уместно ли в таких ситуациях использовать figure & figcaption?

Pavel_20, ну и так, на всякий случай уточним, у Вас картинка не фоновая. Она контентная. То, что на ней изображено, судя по всему, важно для пользователя как контент. Значит через img.

Почему не загружается слайдер при открытии страницы?

Хрустальный шар для предсказаний работает только по пятницам. Приходите в приёмные часы.

Где код? Где демонстрация? ссылка где Вы это развернули?
Пальцем в небо тыкать предлагаете?

Пока что на вопрос

почему ломается вёрстка

можно дать только один ответ - потому что где-то что то ломается(криво сделано).