Адаптивный сайт flexbox grid

[WebNewbe]

Добрый вечер. Вот только закончил верстать свой второй адаптивный дизайн. Первый делал на бустрапе. Здесь же я решил использовать flexbox причем сразу же с сеткой.
Вот что получилось:
https://alex2033.github.io/
Оцените пожалуйста и покритикуйте, если есть что)
P.s. Вот действительно практика - лучший инструмент обучения. Когда только начинал этот макет верстать, о флексах ничего не знал и не понимал как они работают. А щас чувствую себя этаким специалистом:DD

[WebNewbe]

Кстати, если в взгляните на код, то в том же логотипе заместо img вы увидите код svg и текст, и в других иконках, например, в секции expertise тоже самое. Делал не просто так, мне, внезапно, взбрело в голову мысль: "А давай я в sass сделают основной цвет сайта(в данном случае сине-зеленый) в виде переменной и соответственно, если заказчик(воображаемый) скажет: "а пусть вместо сине-зеленого цвет сайта будет красным", то мне будет достаточно в одной переменной изменить цвет, как все на сайте,что нужно, измениться на нужный лад.
Как считаете это того стоит?)
Просто, наблюдая верстки других людей и видеоуроки, я заметил, что в том же лого просто через img вставляют и все

[Hasiev]

Сам придумывал вид под разные разрешения, или в макете отрисованны?

[WebNewbe]

1 минуту назад, Hasiev сказал:

Сам придумывал вид под разные разрешения, или в макете отрисованны?

Под разные разрешения сам придумывал

[Kolya_YA]

Скажу только о footer, кнопка поиска и поле ввода разных размеров, социконки и левое нижнее меню на промежуточной ширине вываливается на вторую строку. НА максимальной телефонной ширине, весь footer выглядит слегка уродливо))). По моему мнению, нужно добавить еще один планшетный, например, вариант раскладки.

А вообще, смотрится очень здорово.

P. S. в блоке EXPERTISE на телефонной ширине теряются где границы блоков и какая иконка куда относится. Разделитель есть только между 3 и 4 блоком. 
Главное меню нужно адаптивным сделать IMHO.

[WebNewbe]

В 18.08.2017 в 03:19, Kolya_YA сказал:

Скажу только о footer, кнопка поиска и поле ввода разных размеров, социконки и левое нижнее меню на промежуточной ширине вываливается на вторую строку. НА максимальной телефонной ширине, весь footer выглядит слегка уродливо))). По моему мнению, нужно добавить еще один планшетный, например, вариант раскладки.

А вообще, смотрится очень здорово.

P. S. в блоке EXPERTISE на телефонной ширине теряются где границы блоков и какая иконка куда относится. Разделитель есть только между 3 и 4 блоком. 
Главное меню нужно адаптивным сделать IMHO.

Благодарю за отзыв.
1) Кнопка поиска и поле ввода. Я так понимаю вы говорите о высоте? Потому что ширина ну никак одинаковой у них быть не должна. Теперь с высотой. Высота у этих двух блоков одинаковая. Однако, если достаточно приблизить, можно увидеть, что высота кнопки вот буквально чуть-чуть больше. Уменьшив хотя бы на один пиксель, мы получим картинку еще хуже. Ну а вообще, не считаю это проблемой, потому что заметить эту разницу можно только очень хорошо вглядевшись. Если у вас есть решение, подсобите)
2) Социконки. Опять же, так ведь и должно выглядеть). Понятное дело, я могу убрать последнюю и все будет как надо. Но я пытался сделать верстку как можно гибче, то есть, если вдруг мне взбредет в голову добавить туда еще какое-то кол-во иконок, все не полетит в тартарары. Есть блок социконок, и если количество элементов этого блока заходит за ширину его самого, то они переносятся на другую строку. Вроде все правильно. Не совсем понял, что вам именно здесь не нравится)
3) Нижнее левое меню. Исправлено, решил до определенного размера сделать их просто в виде колонок.
4) Внешний вид. Вообще во мне, как мне кажется, очень мало от дизайнера:D Но я сделал несколько изменений, посмотрите. Но я не знаю, как тут все кардинально  можно поменять, чтобы стало все прекрасно)
5) Секция Expertise. Расстояния между блоками были увеличены.
6) Разделитель в секции expertise. Вообще это из разряда "не баг, а фича":D. Я посчитал, что делать разделитель под каждым блоком излишне и решил каждую тройку делить этой прямой.
7) Признаюсь честно, не хотел сильно париться насчет меню, просто если тот же togle использовать, то на флексах там возникают некоторые проблемы. Решил посмотреть как будет выглядеть меню в том виде, в котором оно сейчас находится. В следующих работах будут уже, конечно, делать через раскрывающиеся меню. Хотя по факту это меню так же можно назвать адаптивным) Ну по крайне мере мне так хочется думать

Edited August 19, 2017 by WebNewbe