Beliyadm

Вешаем событие на сабмит
$(document).on('submit', '#myform', function() {
и при успешном ответе блокируем кнопку

$.ajax({
	        success: function(response){
	        $(".createprop").attr("disabled", "disabled");

Ничем это не плохо, квери весит 100 кб, при правильной организации остального JS кода это мелочи.
Потому что на современном сайте у вас будет 2-3 метра картинок, которые перебьют все выгоды ванильного жс

Писать вообще без фреймворков, собрать три\пять JS файлов в один в нужной последовательности и то же самое с CSS - вообще никаких костылей не требуется, руками за 5 минут, быстрей, нежели писать сборщик

Вот пример на SVG, по клику показали или скрыли блок плюс анимация бутера
https://jsfiddle.net/beliyadm/bfsuj5rm/

Не знаю что за программа Postman, но есть мысль, что вам стоить гуглить в сторону запроса "кроссдоменный ajax", там много всего интересного

Многие почтовики не примут сообщение, отправленное через банальный phpmail, если ящик отправителя физически не существует (не создан на сервере), или попадет в спам.
Лучше отправлять через SMTP, создав реальный ящик отправителя

Аналогичную регулярку только в блокноте выполните (тот же notepad++) - взяли дамп таблицы, прогнали в блокноте замену регулярным выражением, загрузили обратно в базу

потому что ссылка это не блочный элемент, задайте для ссылки display: inline-block - тогда маржины будут применяться к ней

Самый лучший вариант - пишите разные варианты запросов (если переделать структуру БД невозможно) и смотрите в профайлере результаты и скорость выборки

Как вариант решения https://webformyself.com/prostaya-podsvetka-strok-...

Сверстать без select-a, на базе обычного списка к примеру или любая иная верстка (как выпадающее меню к примеру на событие click), а на JS по клику на цвет передавать в скрытый input значение цвета (из дата атрибута)

Вынести эти блоки за пределы сетки бутстрапа, сделать два дива с нужными процентами и дальше продолжить сетку?

Никак, решение выше не сработает в 90% случаев.
Изменился шрифт, размер, масштабированием и тд
Да и зачем вам менять стили от количества текста?

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

Идите от родительского блока и дальше по this

$('.characteristics .color-6').click(function(event) {
	var thisColorNumber = $(this).attr('data-num6');
	alert(thisColorNumber);
});

В секции "Бонус за заказ"

только в этой секции - никак, у вас одинаковые классы отвечают за все блоки, только если брать по их количеству и считать идентификатор нужного блока по классу в цикле или по nth....
В идеале - нужно завернуть все корневые блоки в разные классы и в строке
<span class="bx-soa-cart-d">8 руб.</span>
для цифры и значения внести отдельные классы

<span class="bx-soa-cart-d"><span class="bx-soa-cart-d_number">8</span> <span class="bx-soa-cart-d_symbol">руб.</span></span>

Никаких фреймворков, верстать чистым CSS+HTML и не надо ничего усложнять на пустом месте.
Не умеете без UI Kit - вам же хуже, это всего лишь стили, вынесенные в отдельный файл.

Сделай для мобильной версии в этом блоке br с content: ' ';

Бесплатный хостинг точно нет
Обычный виртуальный - крайне редко есть такая возможность
Выделенный или VDS - все что угодно

Гуглить по запросу "php форма обратной связи" (как пример), обязательно не забываем в обработчике фильтровать приходящие данные