7 блоков по центру. Как лучше?

Question

[Erick_Flatcher]

Привет, друзья! Нужен не код, а просто совет. Свежий взгляд, а то немного глаз замылился. ;)

Есть bg на 100% и в нем контейнер на 1400px. Там 7 адаптивных блоков. Они располагаются или 3+3+1, или 2+2+2+1, или все по вертикале. Нужно, что бы они были посередине блока. Хотел сделать Flexbox с выравниванием по левому краю и размером 33.333%, 50% и 100% соответственно и медиазапросы (медиазапросы мне нравятся больше, чем автоматический перенос Flex-блоков, из-за большего контроля). Но мне надо по центру. Последний блок в таком случае будет тоже по центру, а это, понятное дело, плохо. Выровнять последний блок по левому краю тоже не подойдет, так как он будет левее остальных. Надеюсь, не очень запутанно. ;)

NB: Идеально выглядит такой вариант: фиксированные блоки + Flexbox с Space-around + медиазапросы. Но, опять же, последний блок будет висеть криво. :(((

Как поступить? Придумал просто сделать все блоки фиксированными и пихать их в фиксированный же контейнер и условия для всего 3 раза поменять через медиазапросы. Но при некотором разрешении получается слишком большой отступ вокруг. Не хочется делать 100 медиазпросов для этого. И ваще неправильно как то.

Может еще что предложите?

Answer 1

[sergey]

Честно ничего не понял из Вашего длинного повествования, но то что понял выглядит так:
jsfiddle
при адаптивности блоки (фиксированной ширины) будут подстраиваться под ширину экрана

Comments

[Erick_Flatcher]

Это хорошо, но последний блок посерединке. А нужно чтобы слева был.

[sergey]

Erick_Flatcher: я понял

Answer 2

[Егор Живагин]

Если нужен center, то можно покрутить вот это