Как сделать такую плитку?

Question

[Алина Брэнн]

Как сделать такую плитку с помощью flexbox? Пытаюсь по-разному крутить, и без flexbox, все равно не хотят по 4 выстраиваться слева от блока на половину ширины.

Answer 1

[Сергей Горячев]

Зачем тут флекс?
https://jsfiddle.net/webirus/8ujpfqrm/

Comments

[Алина Брэнн]

Спасибо большое, не знала о таком варианте)

Answer 2

[Алексей Бурлака]

Вариант без calc (причина):
https://jsfiddle.net/mefa3ey7/

Comments

[Сергей Горячев]

Еще год назад, я бы сказал тоже самое. Но сейчас неубедительно. Тем более с кучей вложенных дивов. У флекс такая же поодержка. Даже меньше, чем у calc. Но флекс уже давно и плотно вошел в жизнь верстальщиков, не считая некрофилов, любящих верстку под 1% ие. Так что кальк уже давно не плохой вариант.

[Алексей Бурлака]

Sergey Goryachev: Оу-кей! =)