Ankhena

Сейчас на сайтах часто меню прибито к верху страницы и остается там при скролле. Так что нужда ездить наверх практически отпадает.

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

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

На маленьких экранах
1. display:flex черному
order: 10 красному

2. Менять flex-direction

3. Менять float с right на left.

Ширину при которой менять придется высчитывать с помощью JS

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

Проверить все буквы /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.
Возможно, еще пошаманить с высотой, но этого звездам уже совсем не видно.