На скрине видно, что контент сайта явно меньше текущего размера экрана. Я не уделял внимание этому т.к. почему-то с header'ом всё нормально показуется, а вот с main всё сужается и становится кривым. Абсолютно не имею понятия в чем причина. Пробовал комментить кучу разных блоков кода чтобы понять, что приводит к этому - безрезультатно. Даже не знаю какой код прикрепить т.к. в css общие стили (wrapper, body и т.д.) комментил причина не в них, скорее проблема фундаментальнее.
1 ответ
Не видно всю разметку html и css - сложно понять в чем проблема. Но судя по скрину следует сделать:
.body: { width: 100vw; box-sizing: border-box; }
.wrapper: { width: 100vw; }
.main: { width: 100vw; }
и добавить css, сбрасывающий свойства по умолчанию.
Новый участник
VERA Yasakova — новый участник сайта. Будьте снисходительны, задавая уточняющие вопросы, комментируя и отвечая.
Почитайте про нормы поведения.
min-height: 100vh
дляbody
, вместо какого либоheight