С моей невысокой колокольни как статическая верстка эта работа выполнена вполне хорошо, правда я не смотрел ее в браузерах кроме chrome и ff. Но сейчас в эпоху мобильных устройств и интернета в большинстве случаев необходима поддержка и для маленьких экранов, поэтому, я бы посоветовал попрактиковаться на макетах, делая именно отзывчивую верстку.
PS.: еще взгляните вот
сюда по поводу mobile-first. Довольно часто бывает так, что поддержка маленьких экранов нужно, но макет только для десктопа, и в этом случае mobile-first не так уж просто применить.
Лично я в такой ситуации делаю в первую очередь верстку для большого экрана как на макете, но при этом для каждого элемента верстки стили которые очевидно нужны только для большого экрана оборачиваю в соотв. медиа запрос, а все прочие указываю без медиа-запроса.
Затем перехожу к адаптации макета для самого маленького экрана (например 320 px) и это процесс довольно творческий без наличия макета.
После того, как для самого маленького экрана получился приемлемый результат, и при этом ничего не было испорчено для большого экрана, я делаю адаптацию для промежуточных разрешений, просто меняя ширину "экрана" (с помощью эмуляции мобильных устройств в chrome) и исправляя все некорректные вещи. При этом добавляю необходимые медиа-запросы для данной ширины экрана и указываю там нужные CSS-свойства.
Ну а потом настает черед все это дело проверять в остальных браузерах и вносить правки если нужно.
Простой
Средний
