How to make flex 3 in a row?

Question

css

There are such blocks on flex



Why having

flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;

They stand 2 in a row, not 3?

Answer 1

Take away the paddings, they are added to 33.33333% and that is already 40%!
Or add styles

* {
  box-sizing: border-box
}