Column count друг под другом?

Подскажите, пожалуйста, как работает css column правила.
У меня товары по 4 штуки в ряд. Следующий товар ставится под предыдущий, а мне нужно чтобы ставился после (горизонтально). Как можно это организовать?

.container-grip-4 {
            -moz-column-gap: 10px;
            -webkit-column-gap: 10px;
            column-gap: 10px;

            -moz-column-count: 4;
            -webkit-column-count: 4;
            column-count: 4;
        }