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