Poravnanje fleks elemenata u odnosu na roditelja sa odstupima

Vrednost space-around u svojstvu justify-content postavlja prvom i poslednjem fleks elementu odstup od ivice roditelja.

Na prvi pogled može izgledati da će rastojanje između elemenata i između krajnjih elemenata i roditelja biti jednako, međutim, to nije tako - rastojanje između elemenata biće 2 puta veće nego između roditelja i krajnjeg elementa.

Pogledajmo na primeru:

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

Rezultat izvršavanja koda: