Zarovnání flex prvků podle rodiče s odsazením

Hodnota space-around ve vlastnosti justify-content nastavuje prvnímu a poslednímu flex prvku odsazení od okraje rodiče.

Na první pohled se může zdát, že vzdálenost mezi prvky a mezi krajními prvky a rodičem budou stejné, ale není to tak - vzdálenost mezi prvky bude 2 krát větší než mezi rodičem a krajním prvkem.

Podívejme se na příklad:

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

Výsledek provedení kódu: