@Erick_Flatcher

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

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

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

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

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

Может еще что предложите?
  • Вопрос задан
  • 231 просмотр
Пригласить эксперта
Ответы на вопрос 2
zorro76
@zorro76
Честно ничего не понял из Вашего длинного повествования, но то что понял выглядит так:
jsfiddle
при адаптивности блоки (фиксированной ширины) будут подстраиваться под ширину экрана
Ответ написан
Krasnodar_etc
@Krasnodar_etc
fundraiseup
Если нужен center, то можно покрутить вот это
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы