Как правильно позиционировать дочерние блоки Flexbox между собой?

Question

[Александр]

Подскажите пожалуйста, вот вот к примеру есть три блока, они выравнены flex-direction: row; и justify-content: space-between;. Как им ставить маржины, если я к примеру первому блоку делаю отступ слева на 20рх, то средний блок тоже двигается на 20рх вправо, так же и третий. Вот все везде обьясняют как это круто, что блоки взаимодействуют друг с другом, но никто что-то не обучает как с ними правильно работать.
Центральный блок тоже к примеру нужно перетащить немного влево, и опять же идет взаимодействи с блоками и другие двигаются.

Comments

[ElijahTr]

Правильно это как?
Можно убрать justify-content: space-between, последнему блоку поставить margin-left: auto.
Поставить нужный отступ слева первому, затем второму.

P.S. flex-direction: row - оно по умолчанию row, можно не указывать.
( https://codepen.io/elijah_tr/pen/rYgJMq )

[Александр]

ElijahTr, Да, уже разобрался благодарю ) я думал эти свойства нужно постоянно указывать

Answer 1

[Ankhena]

Зачем писать justify-content: space-between; там где он не нужен?
https://jsfiddle.net/o48peo5s/
я только не поняла нужен ли отступ второму блоку

Comments

[Александр]

Благодарю, разобрался )) я просто назначал свойства, которые на данный момент не нужны.