D.iK.iJ

Ну так и реализовать. Начинаем с 

<meta name="viewport" content="width=device-width, initial-scale=1">

Дальше добавляем какую-то универсальную часть для экранов 960px и меньше:

@media screen and (max-width: 960px) {
img {max-width: 100%; height: auto; box-sizing: border-box;}
iframe, textarea, input, button, submit, select, video, object, embed {max-width: 100%; box-sizing: border-box;}
table, span, ins {max-width: 100%;}
}

Ну и потом меньше и еще меньше. И так до 330 - 310px:

@media screen and (max-width: 775px) {
}
@media screen and (max-width: 500px) {
}

Если нужно, добавляем отдельное меню в шапке. Которое Гамбургер или "Бутерброд". Смотрим что мешает уменьшить сайт и работаем / перемещаем каждый блок.

Часто хватает мета-тега и посмотреть - чего там такое в теме происходит. )) Ну и будут вопросы - пишите.

Спросил нейронку. Говорит, дефис не экранирован.

Правильно:

<input id="input" name="email" autocomplete="on" pattern="[a-zA-Z0-9._%+\-]+@[a-zA-Z0-9.\-]+\.[a-zA-Z]{2,}">

Причина ошибки

Проблема, скорее всего, связана с дефисом ( - ) в классе символов [a-zA-Z0-9._%+-] . В классе символов дефис должен быть либо экранирован ( \- ), либо помещен в начало или конец класса, чтобы избежать интерпретации как диапазона (например, az ). В вашем шаблоне дефис в ._%+- находится в конце класса символов, что технически правильно, но некоторые браузеры все равно могут неправильно его интерпретировать или выдавать ошибки из-за строгого синтаксического анализа.

Кроме того, атрибут шаблона HTML ожидает регулярное выражение, которое работает без разделителей (например , / ) и без флагов, и оно должно быть совместимо с движком регулярных выражений JavaScript. Предоставленный вами шаблон должен работать, но давайте исправим все потенциальные проблемы и обеспечим совместимость.

Решение

Экранируйте дефис в классе символов, чтобы избежать неправильного толкования: замените[a-zA-Z0-9._%+-]на[a-zA-Z0-9._%+\-](обратите внимание на экранированный дефис\-).

В том, что, к сожалению, на поддоменах уже давно лучше не делать ))

1) Проверка реферрера. Как минимум, в нем должен быть сам сайт, с которого отправлено сообщение. Отсеет 90% тупых ботов.

2) Проверка куки. Можно ставить через JavaScript при заходе на страницу или каком-то действии.

3) Скрытое поле URL. Если заполнил - точно бот. Можно добавить Email или любое поле, которое не используете.

4) Небольшой список стоп-слов на ники вроде Admin, на сильно тупой мат, на http:// в сообщениях (явно реклама).

5) Скрытое поле с time() или как оно там правильно. Отправил раньше 5 секунда или позже часа - не принимать. 

Я даже как-то развлекался и делал просто проверку на JS с выставлением счета посетителю за действия вроде движения мышкой, клика на кнопку и всякое такое. Но тут проверку не сделать сильно строгой из-за мобильных устройств.

А вообще, большинство спамеров ищут обычно какой-то конкретный движок для спама. Если самопис, для них это не так интересно. Только если вручную что-то написать.

Нужна ровно 1 строка по типу

<meta property="og:image" content="/foto/1045.jpg">

Разве кому-то еще нужны СТАРЫЕ соцсети, чтобы делать еще одну новую? ФейсПук вон только теряет аудиторию, насколько знаю. И ладно еще у нас на волне блокировок Ютуба народ ищет  новые видеохостинги. Но даже там все не так радужно. Достаточно зайти на главную той же Платформы и увидеть количество лайков.

А миллион клонов ВК, ОК и даже Пикабу, которые народ делал за все эти годы? Вот не знаю даже. Вдруг еще живы и очень популярны?

А вы про регистрацию через Госуслуги...  тут на этом-то форуме постоянно темы возникают, что народ ссыт Email для подтверждения вводить. А уж если телефон! Это вообще сразу повод от услуг сайта отказаться и удалить аккаунт.

Но попробуйте. Почему нет.

Было у меня смешное с рекламой в ВК первый раз. Зашел, собрал группы вручную. (Парсингом пользователей не занимался, так как это все встроенные функции). Но пришлось отбиваться от авто настройки. Она ХЗ вообще кому показывала объявления. Мне, жене, друзьям... Поправил. Аудитория только активная из нужных групп.

Запускаю... Деньги улетают, результат нулевой. Смотрю, ВК показал объявление всем, кому меньше 13 лет. Поправил.

Запускаю. Деньги опять улетают, но результат не очень. Смотрю на второй вкладке, а они откручивали рекламу на группу ВК в Одноклассниках и на Авито. Знатно удивляюсь, правлю.

Дальше идет лучше. Рублей по 9- 10 за подписчика было. А вот товары из группы как-то вообще никак не хотели рекламироваться.

Потом даже от ВК сообщение пришло, что я в 9% хоть как-то настроивших рекламу попал 🤣

Еще никто не предложил  Windows-1251?

Насколько помню, в ней буквы в 2 раза легче ))