narkesss

$(function() {
            
   var ul = $(".product-monogram-list");
   var id = 0;
   for (i in images) {
  id++;
  var maxTtl = $('<span>', { class: "product-monogram-list-ttl", text: "Max " + images[i].title + " letters" })
  var li = $("<li/>",{ class: "product-monogram-list-item"});
  var img = $("<img/>",{ src: images[i].image});
  var radio = $('<input>', { class: 'adsa', type: 'radio', name: 'monogram-radio', id="radio"+id});
  var radioLbl = $("<label>", {class: 'monogram-control__lbl'});


    radioLbl.append(img)
    radioLbl.append(radio)
          radioLbl.append(maxTtl)
    li.append(radioLbl)	
    ul.append(li)	
  }
});

const { title } = divselect.sort.find(item => item.id === '3');

data.colors

У вас идет асинхронный запрос, когда получен ответ, создаются элементы.

Вы можете использовать промисы или вешать обработчики события в функции success.

Есть метод hasClass

if (!$('body').hasClass('home')) {
  $('.js-pop-services').click(e => {
    e.preventDefault();
    $(window).scrollTop($(window).scrollTop() + 1);
    $('.promo-section--hide').toggleClass('promo-section--show');
    $('body').toggleClass('body-hidden');
  });
}

if ($("body").hasClass("home")) {
//code
} else {
//code
}

if (!$("body").hasClass("home")) {
//code
}

Засунуть нужно в функцию isFormValid, сразу после проверки "на пустоту". Можете использовать классические регулярные выражения для eMail, например такое:

^([a-z0-9]|_){1}((\-|\.|_*)?[a-z0-9]+)*@[a-z0-9]{1}((\-|\.)?[a-z0-9]+)*\.[a-z]{2,}$

Сначала ставим тег video без атрибута controls

<video class="video" poster="poster.jpg" preload>
  <source src="video.mp4">
</video>

по клику на видео запускаем проигрывание и устанавливаем controls = true
на чистом js, без jQuery

document.addEventListener("DOMContentLoaded", function(){ // аля $(document).ready
  let videos = document.getElementsByClassName('video'); // получаем все видосы с класосм
  videos = [].slice.call(videos); // преобразуем в массив
  videos.forEach(function(item) { // перебираем массив и навешиваем обработчики
    let media = item;
    media.onclick = function () {
      media.play(); // запускаем проигрывание
      media.controls = true; // добавляем контролы
    };
    media.addEventListener('ended', function() {
      media.controls = false; // видео просмотрено, убираем контролы
    });
  });
});

https://yandex.ru/search/?text=html5%20media%20api...

Так вы же составляете тз, вы и выбирайте, нужен ли вам какой-то фиксированный контейнер(можно на большом экране делать в % или vw), или флюидом как у амазона.



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