Флекс элементларини ота-она билан оралиқлар орқали мослаш

justify-content хусусиятидаги space-around қиймат биринчи ва охирги флекс элементларига ота-онанинг чегидан оралиқ беради.

Илк қарашда элементлар ўртасидаги ва четки элементлар билан ота-она ўртасидаги масофалар тенг бўладиған ҳис қилиниши мумкин, аммо, бундай эмас - элементлар ўртасидаги масофа ота-она билан четки элемент ўртасидаги масофадан 2 марта катта бўлади.

Мисолда кўрамиз:

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

Коднинг ишлаш натижаси: