Можно ли сделать автоматическое выравнивание блоков по центру по горизонтали при адаптиве без брекпоинтов?

Question

[Петр Сергеев]

Вот код: https://codepen.io/Crot/pen/eYpqaJZ?editors=1100

Пример того как сейчас выглядят блоки при адаптиве на скриншоте ниже.
То есть после того как свободное пространство между блоками исчезает они становятся в колонку, благодаря flex-wrap


А нужно что бы они были еще и по центру, а не прижимались к левому краю как сейчас.
При этом без брекпоинтов, типа "media screen and (max-width)" потому что ширина блоков может быть разной и соответственно нельзя предугадать на каком разрешении они встанут они встанут друг под другом.

Answer 1

[Olegarh1a]

только так можно https://jsfiddle.net/Olegarh1a/gdsaphL3/ без использования брейкпоинтов и javascript
justify-content: space-between; -- теряет свой логический смысл
по другому скорее всего не получится.
И хотел заметить вашу странную страсть к div (вы учились у ютубера Анна Блок? да и лучше на ютубе в общем не учиться (максимум какие то фичи) )
не заворачивайте без необходимости все в div

Comments

[Петр Сергеев]

спасибо, но это не совсем то. Просто казалось, что где-то я такой прием видел, но уже не помню где и как именно он был реализован.

Касательно дивов, могу объяснить,
"window__left" и "window__right" - это соответственно блоки для левой секции в 400px; и правой 550px;
То есть это элементы, в который уже можно встраивать другие элементы или даже блоки.
А вот с "window__description" согласен, здесь он совсем не обязателен.

"window__text" - это соответственно блок с текстом. И здесь не является ошибкой оборачивать его в , а не тэг , потому что тег предназначен для конкретной цели, а именно для параграфа.
"window__right-text" - тоже самое, ничего плохого в том, чтобы обернуть его в див, естественно можно и в спан, но спан предназначен например скорее для стилизации текста в тексте.
Обертка для картинки в виде "window__img" , да, в принципе здесь можно было бы обойтись и без нее, но просто очень часто сталкиваюсь с ситуациями, когда ими нужно управлять как блоками, по этому на всякий случай заранее использую такой способ.

P.S. Про Анну Блок слышал, даже наверное какой-то ролик смотрел, но не более, по этому не могу судить о ее контенте))

[Olegarh1a]

Вы хотите позиционировать блоки одновременно и слева, и справа, в это же время и по центру без брейкпоинта. Если найдёте решение отпишитесь хочется взглянуть. Хорошо? Лучше текст засунуть в тег который предназначен для текста чем в блок который предназначен для позиционирования. Спорить можно бесконечно дело ваше.

[Петр Сергеев]

Olegarh1a, хорошо, обязательно оптишусь если найду. Это верно, у каждого был свой учитель и правильного решения попросту нет)