Антон Шаманов

@media (max-width: 600px) {
  сss мобильной версии
}
@media (min-width: 600px) {
  сss десктопной версии
}

Медиа-запросы

надо биндить событие submit формы, а не click кнопки

тебе не нужно изменять контент, список слайдов оборачивается в контейнер с overflow:hide; position: relative и размером соответствующим слайду, список слайдов горизонтальный, при клике на "далее" блок смещается влево/вправо и за счет этого отображается следующий слайд. чтобы было понятнее вырежи в листе квадратное отверстие - это контейнер слайдера, а под него половижи листок со слайдами и двигай его влево вправо чтобы в окне отображался слайд

скорее всего контент формируется динамически поэтому либо события отлавливать либо setInterval()'ом проверять наличие элементов по id/классам

// ==UserScript==
// @name         RemoveEvaDialog
// @namespace   Aliexpress
// @version      0.1
// @description  Removes robot dialog/helper on aliexpress.com
// @author       info@ensostudio.ru
// @include      https://*.aliexpress.*/*
// @grant        unsafeWindow
// @run-at       document-body
// ==/UserScript==

(function() {
    'use strict';
    let timerDialog = setInterval(
        function() {
            let dialog = document.getElementById('J_xiaomi_dialog');
            if (dialog) {
                dialog.remove();
                clearInterval(timerDialog);
           }
        },
        250
    );
    let timerBanner = setInterval(
        function() {
            let banner = document.getElementsByClassName('top-banner-container');
            if (banner.length) {
                banner[0].remove();

                clearInterval(timerBanner);
           }
        },
        250
    );
})();

$('.container').load('http://localhost:81/ #items');

https://masonry.desandro.com/

Center Mode модифицировать немного

1 вариант: подгружаешь формы через ajax и хранишь промежуточные результаты в web/local storage или cookies
2. загружаешь все шаги-блоки формы сразу и отображаешь по мере необходимости, т.к. это единая форма, то потребность в доп. хранилище результатов отпадает.

https://dan503.github.io/time-input-polyfill/ или гугли "html polyfill input time"

как вариант можно сделать на сервере "переадресацию": если сервер не находит файл /assets/images/img.webp, то он передает имя файла скрипту webp.php который берет исходный файл /assets/images/img.(jpg|png) создает из него /assets/images/img.webp и отображает пользователю. подобным образом еще миниатюры часто формируют.

как минимум разметка кривая - ты что не видишь что у тебя в конце закрывающие теги красным выделены?
кроме того media основывается на разрешении страницы, а не твоего письма.
+ ты должен понять что нет единого стандарта для html писем - каконинические примеры вообще содержат только внутренности body.

перенаправить адрес ip сайта на свой фишинговый сайт в hosts файле. ну или как прокси и корректировать передаваемые данные.

добавить класс shadow-none:

<button type="button" class="btn-close shadow-none" aria-label="Close"></button>

https://yandex.ru/dev/maps/jsapi/doc/2.1/ref/refer...

[30, 72, 500] - ['small', 'medium', 'large'], size

flex, см. пример

мануал читай

что-то вроде width: auto; min-width: 100px; max-width: 300px;