Как правильно сделать адаптацию?

Question

[Toy Boy]

3 столба продуктов, но при уменьшении становится 4, потом опять 3, некоторые блоки в полную ширину.

https://divineperfumery.kz/products

Answer 1

[Антон Литвиненко]

вот такие классы у карточек
col col-md-4 col-xs-4
во-первых col-md-4 лишний, потому что бутстрап mobile-first
во вторых класс col автоматический, его нужно использовать осторожно, это он как хочет так и задает ширину, хотите контроль - задавайте руками, например
col-xs-6 col-md-4/ в этом случае на больших экранах будет три карточки, на планшетах две, на мобилках одна