Андрей Гончаров

твой скрипт выполнится лишь раз при загрузке. Оберни его в слушатель события смены значения #OFDays

мне больше нравится прям в селекторе писать, сразу видно как элемент модифицируется, и писать меньше.

У нас клиенты часто жопят финансы на разработку адаптивной версии, ведь это увеличивает бюджет проекта на 50%-100%. Потом приходят через годик, спрашивают про "сделать то что есть адаптивным".
Начинаешь считать, и по факту, надо переделать все с нуля по хорошему, за исключением может прототипирования и десктопных макетов. Переверстка повлечет изменение дома, что повлечет перетяжку на cms. Ну и выходит как новый проект по бюджету.
Клиент говорит "да как так то?, тут же просто сделать адаптивным, стили подправить" и конечно, не согласен выделят ьтакой бюджет.
Тогда и предлагаешь ему мобильную версию, т.к. и сверстать проще и функционал проще и бюджет выходит не такой как на адаптацию существующего проекта.

Я видел реализацию, когда весь слайдер трансформируется на 90 градусов. Работало! Но надо сохранять фотки сразу повернутыми)

Блочные, строчные, блочно-строчные. Фигачь как хочешь во что хочешь пока это работает. И даже плюй на валидаторы.
Мне ничего не мешает сделать тег a блочным, а div строчным в css. И какой валидатор это отследит?

Ну вот 2 строчки должны решить твою задачу. Разместить на странице куда приходит юзер с utm меткой со своим емейлом.

<?
$user_email = $_GET["utm_XXX"];
mail('example@example.com', 'My Subject', $user_email);
?>

Псевдоэлементом же.

Первая форма не должна иметь actiona, т.к. сейчас сабмит первой формы отправляет на скрипт отправки почты. Его надо останавливать типа так:

form.on("submit", function(event) {
	event.preventDefault();
}

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

Наиболее современный flexbox.
В бутстрапе юзается отрицательный маргин у row и паддинги у флоатных столбцов.
Я часто использую inline-block как столбцы, правда указываю margin-right: -4px, чтобы убрать расстояние между ними. Но зато мы можем центрировать расположение столбцов с помощью text-align у контейнера.

background: url('XXXX.jpg') center top no-repeat;
contain убрать.

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

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