Александр

Медиа запросы и position:absolute. Пусть дизайнер сам дает вариант мобильной версии.

Объяснять как вывод делать нужно?

Святая книга версальщика

nav {
  margin-top: 54px;
  margin-left: 0;
}

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

О целесообразности не сюда, мы тут код пишем, а не бизнес тренингами занимаемся

.images {
   position: absolute;
}

Прописывают для body.

body {
   min-width: 1201px;
   margin: 0 auto;
}

.home:first-child {
margin-left:0;
}

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

Как я знаю, на 4к пользуются приближением 200%, иначе, тот же вк превратиться в нечитабельный портал

Вообщем, смотри, я сделал так что он появляется. Не знаю как ты хотел что бы это выглядело, но как получилось, так получилось. Еще момент, на дескотпе сетка слетела потому что я добавил див с классом navbar к этим элементам. Поправь десктоп.
Еще момент, не знаю обязательно ли тебе использовать toggleClass, можно ведь .toggle. Эффект тот же

У body стандартный отступ убери

body{
margin: 0;
padding: 0;
}