Почему едет верстка сайта?

Question

[Mikhail_L]

Всем привет. Может быть кто-то сможет подсказать почему еде верстка? https://mikhail-logunov.github.io/tattoo/

Comments

[Ankhena]

Добавьте в header контейнер-центровщик. Или его класс.
Можете погуглить по запросу типа "контент по центру, фон по ширине".

Иииии... много вопросов по вёрстке. Например, почему ссылки в меню у вас сделаны заголовками, а не <a>? Почему иконка телефона контентная? Ну и всё такое по семантике. И валидатор не игнорируйте.

[Сергей delphinpro]

Что значит "едет верстка"?
Вы умеете вопросы нормально задавать?

Если про шапку – вам уже ответили ниже.

[Froggyweb]

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

Answer 1

[Алексей Скляров]

Не буду оценивать качество верстки, ее по-хорошему нормально переделать. По вашему вопросу: добавьте в header

header {
justify-content: center;
}

Comments

[Mikhail_L]

Спасибо. Это моя пробная работа. Я понять не могу почему едут блоки с приемуществами. Ниже которые.

Answer 2

[SHKD]

.cnt_tattoo убрать flex-direction: column;
.cnt_masters убрать flex-direction: column;
.adv_img display: flex; убрать gap: 30px;

По хорошему там надо все переделывать на флексах.