Как расположить head, main, aside?

Question

[dimatim1516]

На первой картинке показано как распложены элементы в данный момент, на второй как хотелось бы.
Вопросы: семантически верно распложены элементы? И как задать им позицию как на втором примере (я читал и пробовал некоторые варианты, но они не работают).

Comments

[Ankhena]

Зеленый - absolute или fixed, не знаю как вам нужно.

Answer 1

[Денис Каракчиев]

Семанически - верно, только семантика это не только про визуально расположение элементов, но и про правильное использование тегов (один h1 на странице, использование html5 тегов, и т.д.), но в целом - всё ок.

А расположить например так можно: Codepen.

Comments

[Ankhena]

Судя по картинке, автор хочет центрированные блоки header и main.

Answer 2

[dimatim1516]

всё довольно просто, видео хоть и старое но это работает https://www.youtube.com/watch?v=pqYyqKfbM6c&t=130s