Какой фреймворк для верстки можно использовать по такой разметке (картинка должна быть знакома всем)?

Question

[kvitalbox]

(пробовал smart-grid 2 , получается только там где обводка зеленым цветом - сетка идёт только на всю ширину и нет нормальной вложенности. Через flexbox (обводка красным) получше, но тоже не очень. )
Есть ли более удобные фреймворки для верстки?
Уточнение
1) smart-grid https://github.com/dmitry-lavrik/smart-grid (через SCSS,можно сборщиком Gulp пользоваться) сетка странная или я не разобрался.
2) uikit 2-3 https://getuikit.com/v2/index.html (разбираюсь)
3) Zurb Foundation 5-6 https://foundation.zurb.com/sites/docs/installatio... (через SCSS,можно сборщиком Gulp пользоваться, на сайте есть установщик)
4) Boostrap 3-4 https://v4-alpha.getbootstrap.com/ (не дошёл)

Comments

[Anton Filippov]

я вроде не дальтоник, но ни зелёного, ни красного я не вижу

[kvitalbox]

Цветное

[kvitalbox]

flppv, исправил.

[Максим]

kvitalbox, а на обычном css3 не вариант ? сложного здесь не вижу

[kvitalbox]

Здесь не сложность, кто из адаптивных фреймворков сможет нормально с этим справится?

[Exploding]

kvitalbox, ну, например, он сможет

[maxsolovyov]

kvitalbox, чистым css, а медиа-запросами адаптив сделайте. Это намного быстрее поиска какого-то фреймворка и его изучения.

[Антон Спирин]

Все смогут. Но руками написать будет меньше кода. Тут все зависит от того сколько времени на это хотите потратить.
С фреймворком сделаете быстрей.

Answer 1

[Negwereth]

CSS Grid + CSS Flexbox

Answer 2

[Maksym Blank]

Bootstrap