Justering av flex-element längs föräldern med marginaler

Värdet space-around i egenskapen justify-content sätter marginal från förälderns kant för det första och sista flex-elementet.

Vid första anblicken kan det verka som att avståndet mellan elementen och mellan de yttersta elementen och föräldern kommer att vara lika, men så är det inte - avståndet mellan elementen kommer att vara 2 gånger större än mellan föräldern och det yttersta elementet.

Låt oss titta på ett exempel:

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

Resultat av kodkörning: