Ошибки в вёрстке

Коллеги, всем привет) Я - начинающий веб-разраб, изучаю вёрстку. Сверстал макет, и хотел попросить, если кому не трудно, взглянуть на мою работу и указать на ошибки. Буду Вам очень благодарен, друзья. Вот ссылка на вёрстку - https://cleaning-company-001.000webhostapp.com/


Ответы (1 шт):

Автор решения: nazarpunk

1

Сайт весом в 56MB даже по нынешним меркам это перебор.

border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;

Свойство без префикса должно быть всегда ниже. Желательно используйте препроцессор LESS/SCSS и Autoprefixer, чтоб не заниматься этим вручную.

.reviewsBlock .reviews .controls .buttons button

Старайтесь избегать цепочек селекторов и всему присваивать класс. В идеале, все селекторы должны быть вида .my-class-name {}.

<section class = "ourServices">

Куча лишних пробелов, используйте автоформат кода в вашей IDE, она сама лишнее уберёт.

5

Не предусмотрен скролл элементов меню, при их переполнении.

6

Не предусмотрено поведение сайта на больших мониторах.

7

Не отцентрован тект.

И это только при беглом изучении. Так что удачи вам в изучении и учтите, что stackoverflow это база знаний, а не ресурс с бесплатными менторами.

→ Ссылка