Как лучше всего сверстать такой макет?

Question

[mrrangerr]

Всем привет, подскажите пожалуйста как лучше всего сверстать такой макет?

Comments

[Антон Литвиненко]

А что смущает? Сложных элементов или какого то сложного позиционирования нет. Идёт себе сплошным потоком...

Answer 1

[Фёдор]

Как минимум разбейте блок на три логические части.
Далее на своё усмотрение, делите его на более мелкие логические части и верстайте. Можете на основе BootStrap сделать или же написать свою сетку через Flexbox.

Тем более в макете должны быть слои и у них есть свои названия. Можете отталкиваться от них.

Comments

[mrrangerr]

А как на флексах сделать так чтобы первый и второй блок были слева и справа?

[Фёдор]

<div class="parent">
   <div class="child-one"></div>
   <div class="child-two"></div>
</div>

.parent {
    display: flex;
    flex-direction: row;
}

[mrrangerr]

Фёдор, Cпасибо!

[Фёдор]

Пару полезных ссылок по Flexbox:

Текстовый вариант со шпаргалкой

Видеоформат