Оцените адаптивную верстку, пожалуйста

[SvDen]

Добрый день, уважаемые участники форума.

 

Оцените, пожалуйста, мою первую верстку.

 

Два нюанса:

а) ошибка с названиями классов camelCase мне известна;

б) слайдеры - это велосипеды на чистом JS и да, их можно было бы сделать резиновыми, но было лень ) всё равно в реальном проекте проще на jquery писать. Или я здесь не прав?

 

Собственно сам сайт: http://svden.github.io/PracticeEcommerce/

Макет (переведен в JPG): https://gyazo.com/4dcba975a038e1f77e87a6d053b0f34c

 

Что улучшить? Где нужно было делать иначе? В общем, буду рад любым замечаниям (особенно развёрнутым .

 

Спасибо.

 

[Mozzie]

Красивенько, только ссылки бы оживить.

[panteriya]

Здравствуйте, сразу скажу, я не профи, но кое-что подсказать могу.

На разрешении 450px по ширине:
При раскрытии меню, contact us прилипает к блоку с товарами. Надо чтобы не прилипал, может быть паддинг добавить.

 

800px по ширине:
Предлагаю сделать пункты меню по центру и заголовок "Featured products" тоже поставить по центру. Попробуйте так сделать. Быть может я ошибаюсь, но по-моему так смотрится лучше.

[SvDen]

Да, верно, по центру было бы лучше. Спасибо.

Насчёт "При раскрытии меню, contact us прилипает к блоку с товарами." немного не понял. У меня вид вот такой: https://gyazo.com/43a1245080ab4e49756eb42a60a2f970

[panteriya]

Зайдите сюда: http://quirktools.com/screenfly/#u=http%3A//svden.github.io/PracticeEcommerce/&w=240&h=320&a=31&s=1

Нажмите на ваше MENU, прокрутите до пункта CONTACT US. У меня последний пункт прилипает вплотную к верхней границе блока с белым фоном. Почему у вас по-другому отображает не знаю. Проверила на screenfly во всех мобильниках, зашла на http://ami.responsivedesign.is/везде одно и тоже, может у вас сервис (которым вы пользуетесь) не правильно отображает адаптивность?