Подравняване на флекс елементи спрямо родителя с равни отстъпи

Поведението на стойността space-around най-често не е това, което бихте искали. По-често ние трябва да направим така, че всички указани интервали да са равни.

За това е измислена стойността space-evenly, която ще направи точно това, от което се нуждаем:

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

Резултат от изпълнението на кода: