Ankhena

Проверить все буквы /style.css
Проверить путь к файлу

Описываете все как можно подробнее в ТЗ.
Заказчик его обязательно подписывает.

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

Предоплата не менее 50%.

Составление ТЗ тоже оплачиваемая работа.

UPD (по результатам комментариев):
50%-ная предоплата уравнивает риски.
С какой стати Исполнитель должен брать на себя большую долю рисков?
Опять же у Исполнителя есть портфолио с выполненными заказами и можно не полениться и позвонить по контактным номерам на сайтах заказчиков и узнать, что они думают об Исполнителе.
В договоре могут быть прописаны разные условия про возврат предоплаты. С каком случае и в каком размере она должна быть возвращена.

(опять же тех, которые не обновлялись давно)

Для них это будет не единственная проблема.

ie8 не понимает media queries

Зато он понимает условные комментарии в HTML, через которые ему скармливается отдельный CSS.

Так что верстайте как Вам удобнее, поклонники одного и второго подхода делятся примерно поровну.

Откройте фотошоп и найдите элемент шириной равной разнице между двумя значениями.
И Вы узнаете, что это полоса прокрутки.

Можно как то их местами поменять?

Для адаптива или навсегда?

Если для адаптива

Контент в одном файле, сайтбар в другом.

Без разницы в каких они файлах, важно что у них с родительским блоком.
Если один, то flex и order.
Если разные, то дублировать меню и с помощью media одно скрывать другое показывать.

Если навсегда:
То либо оставить вариант с флексами, либо переверстать по нормальному.

figure -3 штуки
div - 2 штука
обертке display:flex
ширина в %

для img display:block

Неправильное проектирование.

Вариант: уменьшать padding|margin, уменьшать шрифт, переносить длинные на 2 строчки.

JS сделает ровно как flex, лишних точек, чтобы не ломалось при маленькой ширине он ниоткуда не возьмет.

Звезды говорят, что наверное меню сделано маркированным списком.
Поэтому, они советуют убрать margin и padding для ul и li.
А также задать display:block для a.
Возможно, еще пошаманить с высотой, но этого звездам уже совсем не видно.

Верстать - так, как нарисовал дизайнер.

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

Не понятно в чем именно у Вас проблема, напишите подробнее, покажите, что есть и что не получается.

Суть такая:
Фиксированный блок, высотой 100vh, прибит к левому краю.
В нем многоуровневый список (с аккордеоном? по скрину не видно)
bloggood.ru/effekty-dlya-sajta-2/tri-sposoba-kak-s... либо любой из ответов в гугле по запросу "css вертикальный аккордеон"

Вариант с % не очень хорошо работает.

Почему это?

Задаете каждому 23% (ну или сколько хотите, чтобы на отступы осталось).
Если расстояния между блоками фиксированные, не в %, то calc

width: calc(25% - Фикс.Расстояние.Поделенное.на.3 );

Ну и родителю:

display:flex;
justify-content: space-between;

Либо аналогично с inline-block + отступы у всех кроме одного крайнего.

Объяснять чужую логику сложно, но, например:

1. Разные отчеты удобнее смотреть там или там
2. Ни одна система статистики не дает точных данных. Объединяя данные, хотят получить более точную картину.
3. Удобнее смотреть Аналитику, а Метрика нужна для Директа.
4. Для надежности :)
5. И "а вдруг Яндекс и Гугл тогда больше полюбят мой сайт"

первое что пришло в голову :)