Why am I having flex-wrap on 2 columns with a column width of 33.333%?

Question

Layout

https://dpy3b.github.io/Sportmarket/app/
Slider on Swiper.js "Popular Products"
PS This friend https://tony3901.github.io/logo/ has the code exactly the same as mine, but the columns behave adequately, I've been looking at this and my code for a week now and I can't figure out what the

UPD problem is . in my global style file with "settings" it was written

html {
  box-sizing: border-box;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

Replaced with just

*,
*::before,
*::after {
  box-sizing: border-box;
}

and the speakers immediately stood up as they should.
Although the slider is written

._swiper>div {
    width: 100%;
    height: 100%;
    box-sizing: content-box;
    display: flex;
    position: relative
}

Why, in the first case, the speakers did not stand up as they should, but now they stand up?

UPD .2 has already started fixing the problem, you don't have to open the link

Answer 1

.items-products__column set box-sizing : border-box