Как правильно адаптировать фильтр с карточками товаров?

https://codepen.io/anon/pen/BOBdaM

Подскажите как правильно сделать адаптив к такой ситуации, где слева в нас будет расположен фильтр, а справа карточка с товарами. С отображением на телефоне, проблем нет. Можно поставить фильтр сверху, а снизу по одному товару на всю ширину экрана. Но как выстраивать карточку с товарами на экранах меньше 991 пикселей? На этой ширине если поставить фильтр на всю ширину экрана, он будет некрасиво смотреться, также если растянуть карточку товара на всю ширину, то тоже не совсем правильно думаю, а если оставлять по три карточки, то они будут маленькими, что не совсем удобно. Как правильно поступить в такой ситуации?