Макет about hotel HOT 20 CLOSED

1. Элементы не должны прилипать к границам окна (и друг к другу, при любом разрешении 320 - 1920), фоновое изображение должно растягиваться
   

4. В выпадающем меню есть кнопка "применить", пока она не нажата значения не должны быть применены. Было бы не плохо, если бы все выпадашки закрывались, когда происходит клик где-то вне контрола.

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

from hotel.

from hotel.

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

from hotel.

13. Пробелы:
    

14. Label нужно связать с чекбоксом, чтобы, когда кликаем на лейбл, состояние тоже менялось.
    

15. Ссылки должны куда-то вести (мок-урлы). Выпадающее меню должно выпадать:
    

16. Какой-то бледный цвет, такой может быть у плейсхолдера, но не у основного. Граница двоится, лучше менять цвет бордера вместо аутлайна.
    

17. Картинка выступает:
    

from hotel.

16. У плейсхолдеров цвет должен быть как в макете - бледный. У основного текста - ярче. У выбранного радио-баттона цвет текста на макете ярче.
    

17. Понимаю, что в макете/задании не все нюансы показаны/описаны, и само задание не на разработку дизайна. Но все же в реальных проектах такое тоже сплошь и рядом, и мы как-никак разрабатываем интерфейсы. Поэтому выпадающее меню прошу сделать в едином с остальным сайтом стиле. Хорошо бы, чтобы оно закрывалось само, когда кликаем мимо.
    

from hotel.

_1. В Room details галерея не тянется:

18. Dropdown должен открывается при клике по любому месту инпута, а не тлько по иконке. Также cursor:pointer должен применяться ко всему инпуту:
    
    

19. Когда гостей 0, клик на "Применить" должен работать аналогично "Очистить".
    

20. Выделение в календаре съехало:
    

21. Кнопка лайка в активном состоянии не соответствует макету:
    

22. Если нажимать на кнопку лайка не посередине - счётчик только увеличивается:
    

23. Согласно макету у иконок (комфорт, удобство), звёзд, обводки кнопок градиентная заливка:
    

24. У отмеченного чекбокса рамка меняет цвет:
    

from hotel.

_1. Не исправлено

_18. Исправлено не везде:

23. В Chrome свойство background-clip работает с префиксом. Для автоматизации добавления префиксов есть плагин для PostCSS - autoprefixer.
    

24. Для rich checkbox то же самое:
    

25. Все интерактивные элементы должны иметь cursor:pointer:
    

26. Что-то не так с кнопками:
    

27. В карточке номера должна быть ссылка, для перехода на страницу подробностей (например, в заголовке)
    

28. Внутренние ссылки сайта не стоит открывать в новом окне (target _blank), также для них необязательно задавать атрибут rel="noopener noreferrer". Это требуется только для внешних ресурсов (например, ссылки социальных сетей).

from hotel.

29. Subscription text field - это всё-таки форма, соответственно, иконка (градиентная!) является кнопкой/инпутом для отправки этой формы.
    

from hotel.

30. В Chrome параграф про "лучшие номера" не на месте:
    

from hotel.

31. На страницах лэндинга, входа и регистрации футер уехал вниз:
    

_18. Двойной датапикер открывается только по клику на иконку.

from hotel.

32. Курсор не pointer, не открывается при клике:
    

33. Курсор pointer при наведении на пустое пространство.
    

34. Отступы желательно сделать хотя бы примерно одинаковыми (секция с формой слишком близко):
    

from hotel.

Правая кнопка в макете называется Button Hover - состояние кнопки при наведении:

from hotel.

На какую страницу я попаду по клику?)

from hotel.

На какую страницу я попаду по клику?)

Решение имеет право на жизнь, просто предполагал что-то в таком роде:

Правая кнопка в макете называется Button Hover - состояние кнопки при наведении

Я думаю, что к большой кнопке со стрелкой тоже стоит применить.

Кнопка очистить появляется при клике на "минус":

from hotel.

Кнопки в header и кнопки со стрелкой в формах всё ещё не имеют стилей при наведении.

from hotel.

На странице регистрации секция с картинкой выше, чем в макете

from hotel.

У кнопок в dropdown нет стилей при наведении. И почему-то вместо кнопок там используются div-ы:

from hotel.

На странице регистрации секция с картинкой выше, чем в макете

Упс, я перепутал страницы) имел в виду sign-in, там задана height: 100% и секция растягивается.

from hotel.

Что-то не так с курсором на кнопках формы:

И с её элементом:

from hotel.

Не всё совпадает с макетом по pixel perfect, шапка хоршо ложится, а контент съезжает:

from hotel.