Columnas de productos en smartphone

[pzin]

Cuanto más simple quede el código mejor. Si tiene que ser una medida diferente en otro ancho de pantalla diferente, si claro, declara otra media querie. Aunque date cuenta que te quedarán, a priori, columnas más estrechas. Ahí ya ves como quede mejor.

Lo de la simplicidad es importante, por cuestiones estéticas, mantenimiento, carga, etc. Intenta mantener una lógica, por ejemplo, si cuando la pantalla es de 1024 y usas cinco columnas por fila, no uses tres cuando se vea en 320, sino una o dos.

E intenta también evitar el uso de !important, no es buena práctica hacerlo porque si. Si tus declaraciones están bien ordenadas no es necesario. En tu caso, al usar max-width, si ordenas en orden descendente, por herencia aplicaría las últimas reglas.