Как сделать так, чтобы <main>было вверху страницы, как это около <header>

Question

Вот пример:

Только основной:

Как заработать на полях? основной имеет синюю рамку, заголовок имеет желтую рамку.

Answer 1

Если вы хотите, чтобы ваш элемент main занимал всю высоту страницы, вы можете использовать этот CSS:

main {
    width: 100vw;
    height: calc(100vh - heightOfHeaderInPixels);
}

Я не вижу ваши изображения в этом WiFi-соединении, поэтому я просто предположу, что вы имели в виду.