Настройка проекта

Перед началом создания сайта в качестве настроек полезным будет сделать несколько общих записей в файле CSS:

* {
box-sizing: border-box;
}

Отныне размеры всех объектов (о чём сигнализирует математический знак умножения) будут считаться вместе с их рамками.

В самом начале тега body создайте обёртку для содержимого сайта, назвав её, к примеру, container, задав для неё в файле css размер общей колонки:

.container {
max-width: 1024px;
}