margarita-ozirna / uber_eats Goto Github PK

Нарушена структура заголовков. Присутствуют на странице исключительно заголовки 4-го уровня.

https://github.com/OzirnaRita/uber_eats/blob/b996b52e3ec9ec5b3bae9613fb06128b104023de/index.html#L16

Формы должны быть доступны. Т.е. все интерактивные элементы должны иметь читаемый label. Должна существовать клавиша submit, т.к. не все люди используют клавиатуру. И, соответственно, им сложно будет нажать на клавишу enter. Ну и всякие графические элементы не должны мешать пользоваться интерфейсом. Например, клик по шарику в селекте, или клик по иконкам в инпутах...

Отсутствует мета тег viewport

Карточки, в данном случае, являются интерактивными элементами. Клик по ним должен отправлять на другую страницу.

Кроме того, размер карточки у тебя зависит от размера фотки. А такого не должно быть в принципе. Ибо:

1. У тебя контент начинает "прыгать" на медленном интернете.
2. Контент-менеджеры не всегда ставят подходящие фотки.
3. Картинка ведь может и не загрузиться... по каким-то причинам.

https://github.com/OzirnaRita/uber_eats/blob/b996b52e3ec9ec5b3bae9613fb06128b104023de/index.html#L40

Исходя из каких соображений вы здесь выбрали span?

Есть базовые правила вложенности элементов, которые у тебя явно нарушены уже в структуре. Что очень сильно режет глаз, даже если проблема будет исправлена на уровне CSS.

https://github.com/OzirnaRita/uber_eats/blob/b996b52e3ec9ec5b3bae9613fb06128b104023de/index.html#L14

Alt должен быть нормально читаемым. И нести контент. Например, то что это у тебя картинка-логотип мало интересно. Интересно, что это за бренд. Либо, куда ведет ссылка.