Воващ

при валидации даёшь инпуту что-то, например aria-invalid="true"
ну и всех инвалидов стилизуешь

html

<input class="email" name="email" placeholder="Email" autocomplete="email" required="" aria-invalid="true">

css

input[aria-invalid="true"] {
    border-color: #DC3545;
}

опираясь на позицию блоков, относительно viewport'a, getBoundingClientRect

(1000000).toLocaleString('ru')

В России в качестве разделителя целой и дробной части используется запятая, а в качестве разделителя разрядов - пробел

$('.box-item .stock').on('click', function(e) {
    $(e.target).next().clone().appendTo(".typs__inner");
});

:nth-child(7n)
Описывает элементы с номерами 7, 14, 21, и т. д.

if($('elem').hasClass('className')) {
    // творим дела
}

если правильно понял, то выйдет что-то такое:

$('elem').on('click', function(e){
    if($(this).hasClass('className')) {
    // творим дела
}
})

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

На деле не плохая практика, просто надо перевернуть для тебя привычный взгляд ;)