У меня есть сетка плиток товаров, которые я отображаю с помощью flex, чтобы получить равную высоту на основе этого кода: https://codepen.io/imohkay/pen/gpard
Они 3-х шириной. Однако в последнем «ряду», когда осталось только 2 плитки, последняя плитка перемещается вправо, как если бы было 3 плитки. Я не могу определить правильную настройку CSS, чтобы она была во втором столбце.
Снимок экрана: https://pasteboard.co/Hk699jP.png
#products {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-content: stretch;
}
.product {
width: 33.3%;
}