Как ровно центрировать блок?

Question

[Manvel]

Как ровно центрировать блок?

Когда пишу

.feature__item{
      justify-content: center;
}

То не получается ровно



https://jsfiddle.net/das5v8ch/

Comments

[Шохрух Шаймардонов]

все правильно, потому что ширина вложенных элементов в каждом feature_item разная, вот они у тебя рпо разному "центрируются"
если хочешь чтобы визуальный блок был по центру но при этом все иконки находились друг под другом, то нужна еще 1 обёртка внутри feature_item в span

Answer 1

[Alex]

@media only screen and (max-width: 768px) {
   .feature{
      flex-direction: column;
      width: max-content;
      margin: 0 auto;
    }
}