Denis

Ну во-вопервых не бойтесь множества коммитов какая разница (если Вы не из тех которые устанавливают громкость телевизора величине кратное 5) это очень удобно когда шторм подсвечивает изменения и вы в один клик можете вернуть старую версию того или иного куска кода или быстро посмотреть что было до ваших правок и не злоупотреблять комбинацией ctrl+z которая имеет свой лимит или же после выхода из шторма очищаться.
А во-вторых по поводу ФТП включите фтп-пользователя в группу или наооборот админа в одну группу с фтп-пользователем и настраивайте папки на группу.

1) что-то с кодировкой файлов когда Ваш сайт отдает windows-1251 а Вы сохранили файл в UTF
2) Вы уверены что когда подключали шрифт указали в гугле-фонтс поддержку кирилицы

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

В 90% это респонсив, отдельная верстка под популярные разрешения экранов
к примеру популярный Bootstrap
https://www.w3schools.com/bootstrap4/bootstrap_gri...

Щас мало сайтов которые JS определяют разрешение экрана и редиректят на отдельно разработанный мобильный сайт типа site.ru -> m.site.ru

может, но врядтли
обычно: телефоны, доставка, точки продажи, склады, наличие