Почему нижние блоки выстраиваются в одну линию?

Question

[1programmer]

Привет всем.
Есть верстка Клик
почему при уменьшении браузера до width 1065 верхние блоки отображаются корректно, а нижние вот так

Как это исправить и что бы они были в две колонки как верхние?

Answer 1

[aloky]

Так у вас блоки Вертикальные, когда 3ий блок не вмещается, он и перекидывается вниз.

Comments

[1programmer]

Не совсем понял, можете подсказать где ошибка?

[aloky]

1programmer, Так отображается всё как и сверстано, если ты хочешь чтоб было в две колонки, то создай 4 ряд.

[1programmer]

aloky, нужно что бы при полном разрешении было 3 ряда, но при сужении было в 2 ряда, далее в 1

[aloky]

1programmer, все товары засунь в один
b-items__wrapper
и

.b-items__wrapper-block {
    display: inline-block;
}

добавь в стилях

[1programmer]

aloky, спасибо огромное, а что скажите про всю верстку? Адекватная ли она или в топку?

[aloky]

1programmer, bootstrap можно было использовать. Смотрелось бы более адекватнее.

[1programmer]

aloky, да это понятно дело) Задание без использования библиотек.