Поравњање флекс елемената по родитељу са одступима

Вредност space-around у својству justify-content задаје првом и последњем флекс елементу одступ од ивице родитеља.

На први поглед може се учинити да ће раздаљина између елемената и између крајњих елемената и родитеља бити једнака, међутим, то није тачно - раздаљина између елемената биће 2 пута већа него између родитеља и крајњег елемента.

Погледајмо на примеру:

css.parent {
  display: flex;
  justify-content: space-around;
}

Резултат извршавања кода: