Как быть то?Я для кого подробно всё описываю!??!
float
. Он вам абсолютно не нужен. Вы только делаете себе кучу грабель, чтобы на них наступать.flex
для вёрстки данного сайта.float: left;
? Когда вам нужно выровнить блок по центру. margin-left: auto; margin-right: auto;
Ну и padding в разы меньше. float
? Вообще в вашем css коде он зачем?notfound.jpg
. notfound.jpg
body.classlist.remove('disable-scroll');
, а body.classList.remove('disable-scroll');
Всё правильно.
У вас некоторые свойства css, которые задаются для сброса в дефолт заданы не правильно.
Например
Почему вы для всех элементов страницы устанавливаете
margin
иpadding
в0
?outline
пока опустим...Данное правило задаётся для
body
и то, толькоmargin
Я же в своём коде добавил свойство
box-sizing
, который чётко даёт понять, что размеры будут задаваться включая border -border-box
.У вас этого не было. Добавили - появилось. Всего несколько незначительных строк, но очень важных.
Мой код вам никак не мешает в плане вёрстки. Он просто показывает, как сделать правильно. Хоть флексами, хоть флоатами. Просто с расчётом ширины блоков в вашем случае нужно плясать, в моём указывать чётко, а главное понятно.
Я понимаю, что вы новичёк... Вам придётся думать и искать ответы. А самый хороший учитель - ни как не копипаст, а именно поиск и подробное изучение. Слова, которые вы пометили как «загадками», вам даны для поиска. Например здесь - https://webref.ru/css
PS:
Кстати, в фреймворках CSS именно с этих строк всё начинается.