Укажите на ошибки в вёрстке?

Question

[YellowFellow]

Укажите какие ошибки я допускаю при вёрстке,начиная с самых грубых и глупых.
Так же есть не понятный момент(секция),который я закоментил в html и css(responsive и main).Блоки с текстом и иконками почему-то съезжают вправо и на разрешении 520-470 текст окончательно выезжает из секции,что ведёт к появлению полосы прокрутки.Что не так в этом моменте?Извиняюсь за кривое наименование классов.С БЭМ ещё не знаком,так как только две недели занимаюсь.
Код
Сайт
Макет

Comments

[Владислав Лысков]

ну тут особо нечего оценивать на самом-то деле, но отступы на мобилках нужно организовать, ну и нормально отреформатить цсс, но это умеет делать автоматом любая нормальная ide
в остальном лично мне всё нравится

Answer 1

[Арсений Матыцин]

1. HTML язык, конечно, лояльный, но в символах полный ахтунг. Атрибуты (читай классы) в html заковываются в кавычки.
2. Пробелы и переносы, это, правда, типичные ошибки начинающих и не только самоучек. Пока по шапке проверяющий с опытом не выдаст дойти трудно.
3. Ну да и вообще на лицо ощутимой непонимание того, что и для чего это все надо. Вот это, к слову, частично поможет.

Comments

[YellowFellow]

спасибо за ссылку.я,действительно,плохо понимаю суть вью порта

[Арсений Матыцин]

YellowFellow, если ну очень грубо, то он формирует соразмерную область отрисовки страницы в соответствии с устройством.
Тут больше.

[maddimas]

Лояльный - преданный. Правильно - толерантный.

[Арсений Матыцин]

maddimas, и лояльный и толерантный, и чего уж, говори прямо, язык для явных и не очень гомосексуалистов. А классово верный язык — C. Еще лучше — сразу дыроколом идти перфокарты программировать.

Answer 2

[Антон Шаманов]

судя по шапке ты и с линейкой не знаком

Comments

[Владислав Лысков]

а что не так?

[Антон Шаманов]

Владислав Лысков, размеры не совпадают с макетом

[Владислав Лысков]

Антон Шаманов, а, я макет не смотрел просто)

[YellowFellow]

Антон Шаманов, какой конкретно размер не совпадает?

[Владислав Лысков]

ну и да, с ховером на ссылки в меню трэш какой-то

[Владислав Лысков]

YellowFellow, ну вот посмтри на мой скрин с линейками и на макет, на макете отступы сверху\снизу одинаковые, а у тебя нифига не одинаковые

Answer 3

[webe]

кнопка download кривая (при наведении))

Comments

[YellowFellow]

все эффекты hover (кроме нижнего подчеркивания у меню)взяты из фантазии)

[webe]

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

[YellowFellow]

webe, понял,спасибо