По внешнему виду:
Адаптивность есть, это хорошо. Есть мелкие проблемы, которые портят впечатление (где-то что-то обломалось, где-то что-то не влезло):



и.т.д. Также стрелка снизу кажется не по центру, отступы какие-то странные местами (макет не смотрел, это чисто личное впечатление). Фокус на элементах практически не заметен. Стоит поработать над этим. Обводка синим - бяка.
По коду:
- Отсутствует система в именовании классов. Почитайне про БЭМ или RSCSS.
- Использовать #id в CSS не стоит. Это дурной тон и источник проблем.
- Из-за вышеупомянутого отсутствия системы классов CSS читать невозможно + потенциальные проблемы с перебиванием стилей в неожиданных местах.
- Много магических чисел в CSS (321px, 44.148936%, 381px...). Практически всегда можно избежать этого.
- Нет ресета/нормалайза. Тоже потенциальные проблемы.
Поправьте вышеупомянутые проблемы.
После этого приходите к использованию препроцессоров (можно начать с LESS - он самый простой, но в 99% случаев его возможностей достаточно). Ну и JS изучайте, без него верстальщику не выжить.