Header и footer сдвигаются в право, что делать?

Question

[None]

https://codepen.io/kostyabagr/pen/oNddEPr

я особо во фронтенде не разбираюсь(просто срочно надо сделать шаблон), но понимаю, что ошибка сто проц в карточках, именно они сдвигают header и footer

Заранее спасибо!!

Comments

[Ankhena]

Когда вот эта штука https://validator.w3.org/nu/ перестанет показывать ошибки вашего кода, всё выстроится заметно ровнее.

[xxvxx]

вообще вопрос оформлен неправильно, сложно вот так во все вникать, нужно выложить код на codepen или нечто подобное или дать ссылку

[None]

xxvxx, хорошо, сейчас сделаю

Answer 1

[xxvxx]

body {
/* width: 100vw; */
/* height: 100vh; */
/* display: flex; */
/* justify-content: center; */
/* align-items: center; */
}
первое мне не нравится когда к body
применяются глобальные стили такие как
/* display: flex; */
/* justify-content: center; */
/* align-items: center; */
в дальнейшем это приведет к серьезным проблемам короче нельзя так

<nav> ------ удали вот этот тег 17 строка он у тебя не закрыт
        <div class="head">
            <div class="container_1">

Comments

[None]

Если удалю тег nav, то все перевернётся, не могу скинуть скрин, но можете попробовать, если хотите

[xxvxx]

Константин, удали только 17 строку

[xxvxx]

[None]

xxvxx, хорошо, завтра напишу, что получилось