Zarovnanie flex elementov podľa rodiča s odstupmi

Hodnota space-around vo vlastnosti justify-content nastavuje prvému a poslednému flex elementu odstup od okraja rodiča.

Na prvý pohľad sa môže zdať, že vzdialenosť medzi elementami a medzi krajnými elementami a rodičom budú rovnaké, avšak nie je to tak - vzdialenosť medzi elementami bude 2 krát väčšia ako medzi rodičom a krajným elementom.

Pozrime sa na príklad:

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

Výsledok vykonania kódu: