Fleks elementlarni chetlaridan joy olgan ota-ona bilan tekislash

justify-content xususiyatidagi space-around qiymati birinchi va oxirgi fleks elementlarga ota-onaning chetlaridan joy beradi.

Ilk qarashda elementlar orasidagi va chet elementlar bilan ota-ona orasidagi masofa teng bo'laday deb tuyulishi mumkin, ammo, bunday emas - elementlar orasidagi masofa ota-ona bilan chet elementi orasidagiga qaraganda 2 marta katta bo'ladi.

Keling, misol orqali ko'rib chiqaylik:

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

Kodni bajarish natijasi: