Как можно собрать на div такую таблицу?

Question

[Лариса]

Комрады, подскажите как политически грамотно верстать такую таблицу на div?
Море вариантов перепробовала, но как-то все коряво получается(



Если можно показать пример, будет просто спасение всем ищущим решения)

Comments

[Hyubert]

ну на флексах можно - поделить на два контейнера: в первый 6 блоков, второй - блока, 1 с класом large (или что то такое)

[Лариса]

Hyubert: у вас есть пример рабочего решения идеи?

[Sergey]

Лариса: это уже разжевывали, попробуйте поискать на тостере. Недавно видел подобный вопрос, там было решение ( на флексах)
p.s найду - скину)

[Hyubert]

Лариса: нужно немного поправить адаптив, но суть ясна https://codepen.io/Hyubert/pen/BRgEYw

[Viktor Bogutskii]

Hyubert: ... да вариантов достаточно. Кстати есть еще скрип который по классу делает одинаковые по высоте блоки

[Hyubert]

Viktor Bogutskii: не понял, зачем Вы мне это скинули?

Answer 1

[Valentin Khokhlov]

Можно по старинке и на флоатах, адаптивный пример:
https://codepen.io/viewDidLoad/pen/bWPPzB

Comments

[Александр Лысенко]

Да там тег flexbox стоит. Адовая технология. На float за 3 минуты накидал и то, потому что трижды зевал.

Answer 2

[Flur]

Если делать в лоб ( по - тупому ) то так

Лучше делать так

Answer 3

[Артём Ведищев]

Можно так:
https://jsfiddle.net/rp6qwuoy/
Варианты еще с использование flex или bootstrap