Erick_Flatcher

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

Да, это нормально. DDoS на ваш сайт может положить всего хостера, вместе со всеми клиентами. Поэтому в договоре есть пункт разрешающий провайдеру защищаться. Купите защиту от DDoS'а или терпите.

Посмотрите в оферту хостера - когда платили, вы с ней согласились

Поменяйте ип, и настройте cloudflare

Все зависит от хостера и его правил, поэтому сложно сказать нормально или нет.
Нормальные хостеры умеют справятся с такими проблемами сами + у многих есть недорогая услуга по DDoS защите.
А вообще - кончено валить от него.

Проверить 3 места:
1. конфиг php (php.ini)
2. конфиг сервера (тут можно просто в .htaccess забить кодировку)
3. конфиг базы (мало вероятно, что она была и вдруг сменилась кодировка, но если первые 2 пункта не помогли идем в phpMyAdmin и смотрим что там)

Если нужен center, то можно покрутить вот это

Честно ничего не понял из Вашего длинного повествования, но то что понял выглядит так:
jsfiddle
при адаптивности блоки (фиксированной ширины) будут подстраиваться под ширину экрана

Для каждого "важного" li добавляете какой-нибудь класс, далее через псевдоэлемент :before добавляете картинку.

Можно min-height или через js. Лучше flex.

Это зависит от вашего уровня знаний и умений.
Сначала вы будете делать CSS-стили внутри HTML-файла.
Потом вы будете делать отдельный файл .CSS.
Потом вы подключите CSS-помогайки, например, reset.css и у вас будет несколько CSS. Я сейчас именно на этом этапе.
Потом вы начнёте использовать сборщики.
Потом вы будете всё это разумно комбинировать.
Удачи.

По поводу того, что flex лучше всегда - это конечно чушь. Есть много простых ситуаций, когда он не дает никакого профита, тогда как старый добрый float решает проблему целиком. Флекс, конечно, тоже решит - но с побочными эффектами в виде неполной кроссбраузерности.
Предложения при этом делать фоллбеки на флоатах умиляют - если всё равно их делать, так не проще ли ими и ограничиться?!

В итоге, ответ на вопрос очень простой - flex нужно использовать там, где он дает конкретные преимущества. Самое очевидное - нужно автораспределение ширины блоков с подстройкой к ширине контента. Или вам нужно менять порядок блоков (свойство order).
Если ничего этого не планируется - flex не нужен! Сейчас уже наплодили сеток и "фреймворков", где flex используется фактически для имитации float-ов! Ну типа же стильно, модно, молодежно. Я ж крутой разработчег, не хухры-мухры.

При верстке каждого блока нужно задавать себе вопрос: "я использую flexbox, чтобы что?" Если на вопрос есть четкий ответ - да, нужно использовать. Если только бла-бла типа "ну это современно, прогрессивно и пр" - использовать старые железобетонные приёмы.

var ua = navigator.userAgent.toLowerCase();
var isAndroid = ua.indexOf("android") > -1;
if(isAndroid) {
  // Сделать что то на андройде
}