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

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

На прв поглед може да изгледа дека растојанието помеѓу елементите и помеѓу крајните елементи и родителот ќе бидат еднакви, но, тоа не е така - растојанието помеѓу елементите ќе биде 2 пати поголемо, отколку помеѓу родителот и крајниот елемент.

Да погледнеме на пример:

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

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