Product list responsivo

[icaroamb]

Olá, como fazer para que o "product-list" fique responsivo, sem a necessidade de escolher quantos produtos devem ou nao aparecer por linha.

Exemplo: eu digo que deve ter 12 produtos na pagina, então eles se ajustam independentemente do tamanho da tela, hoje se eu digo que deve ter 6 cards por linha, caso a tela seja menor, os cards que não couberem, nessa linha, são postos em uma linha abaixo, ficando apenas eles.

	{if $page_name !='index' && $page_name !='product'}
		{assign var='nbItemsPerLine' value=6}
		{assign var='nbItemsPerLineTablet' value=2}
		{assign var='nbItemsPerLineMobile' value=3}
	{else}
		{assign var='nbItemsPerLine' value=6}
		{assign var='nbItemsPerLineTablet' value=3}
		{assign var='nbItemsPerLineMobile' value=2}
	{/if}

Caso fosse possivel remover essa função ou deixar responsivo, ajuste automatico de acordo com a quantidade de produtos e resolução da tela, seria otimo.

Caso, não fosse possivel seria, necessario ajuste do tamanho dos cards, de acordo com varios tamanhos de telas possiveis, o que acho eu que daria mais trabalho, pois nem sempre saberemos o tamanho da tela que o cliente vai usar.