Alinierea elementelor flex pe părinte în CSS

Valoarea space-between, setată în proprietatea justify-content, permite distribuirea uniformă a elementelor pe părinte. În acest caz, distanța dintre ele este calculată automat. Primul element va fi lipit de marginea stângă, iar ultimul - de marginea dreaptă.

Să ne uităm la un exemplu:

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

Rezultatul executării codului: