How to center a block exactly?

Question

css

How to center a block exactly?

When I write

.feature__item{
      justify-content: center;
}

That doesn't work exactly



https://jsfiddle.net/das5v8ch/

Answer 1

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