Выраўноўванне флекс элементаў па бацькоўскім элементе з адступамі

Значэнне space-around у ўласцівасці justify-content задае першаму і апошняму флекс элементам адступ ад краю бацькоўскага элемента.

З першага погляду можа здацца, што адлегласць паміж элементамі і паміж крайнімі элементамі і бацькоўскім элементам будуць роўныя, аднак, гэта не так - адлегласць паміж элементамі будзе ў 2 разы большая, чым паміж бацькоўскім элементам і крайнім элементам.

Паглядзім на прыкладзе:

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

Вынік выканання кода: