В последнее время я заметил, что в фронтенд-разработке есть что-то, что не стандартизировано, и люди часто делают это неправильно. Взгляните на этот простой пример: У нас есть header, body и footer. Body содержит три элемента. Это довольно простая структура, которая часто встречается в приложениях. Именно поэтому я выбрал её — она иллюстрирует более широкую проблему. HTML для этого выглядит так: <div class="header"> header </div> <div class="body"> <div class="item">item 1</div> <div class="item">item...

В прошлой статье мы разобрали как работает "margin". Осталось разобрать"padding". Но перед этим необходимо задать размеры информационного блока, что бы внутри него перемещать информацию. Для начала можем создать новый файл html и css, либо убрать прошлую информацию. Необходимо создать два блока. Первого назовем "page", а второй "box". <div class="page"> <div class="box"> </div> </div> Код должен выглядеть так: Переходим в css и прописываем следующий код: .page{ max-width: 500px; \\Максимальная...