правильно сверстать

Создаю приложение и нужно сверстать вот такую страницуМеня интересуют конкретно 3 контейнера: хедер, сайдбар и главный контейнер(как я понял все через position: fixed, но не уверен наверняка)

Подскажите, как правильно сверстать такое дерево? я вроде сверстал, но как-то выглядит иначе

Написал тестовое модальное окно, но возникла проблема

Как правильно сверстать блок с карточками, которые выходят за пределы сетки (как на изображении)

Подскажите как правильно сверстать данную секциюСхему вырезал картинкой, ставлю ее бекграундом и под нее выравниваю текст, но естественно при изменении размеров экрана все это уезжает(

Верстаю макетМне нужно, чтобы при уменьшении экрана, начиная с 768px, navbar скрывался и появлялось стилизованное hamburger-menu

Никак не получается выровнятьlogo по центру, при этом чтобы два элемента меню