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

Учимся делать веб-сайты с нуля до трудоустройства. Разбираемся, как делать адаптивную верстку, чтобы сайт работал корректно на всех устройствах: телефон, планшет, ноутбук, большой экран. Что было на прошлом занятии? Мы завершили верстку дизайна и получили полностью рабочий код главной страницы. Вот ссылка на архив с результатами прошлого урока: https://github.com/madmaker/srmt22-lsn10/archive/refs/tags/v1.zip Скачайте себе этот архив, распакуйте и откройте в vsCode. На его основе мы будем делать этот урок...