Как с помощью flex-box сделать ровную сетку с повторяющимся ритмом?

Question

[Константин]

Ниже привожу пример сетки. Ритм повторов больших и маленьких именно такой. Как сделать ровную сетку? что бы по центру можно было видеть ровную линию отступа. Как можно этого достичь без обертывания маленьких блоков в контейнер?

Пример сетки

Comments

[Ярослав Иванов]

.small{
width: 22%;
}

[Lynn «Кофеман»]

Подобрать правильные размеры.
Например https://jsbin.com/yuziyodube/1/edit?html,css,output

[Ярослав Иванов]

Хватит там ломать с числом с зяпятой. вот нормальный размеры.
.small{
background-color: green;
width: 22%;

}
.big{
width: 48%;
background-color: blue;
}

Answer 1

[Сергей delphinpro]

https://jsbin.com/bolilozafu/1/edit?html,css,output

Comments

[Константин]

Спасибо