Tenho o site responsivo, e tenho uma lista de produtos. No desktop fica OK, fica por exemplo:
|PRODUTO 1| |PRODUTO 2| |PRODUTO 3|
|PRODUTO 4| |PRODUTO 5| |PRODUTO 6|
|PRODUTO 6| |PRODUTO 7| |PRODUTO 8|
No celular, fica um em cima do outro, por conta do tamanho da tela:
|PRODUTO 1|
|PRODUTO 2|
|PRODUTO 3|
|PRODUTO 4|
|PRODUTO 5|
Queria que no celular se organizasse de 2 em 2:
|PRODUTO 1| |PRODUTO 2|
|PRODUTO 3| |PRODUTO 4|
|PRODUTO 5| |PRODUTO 6|
Como organizo isso com css? É possível?
Editando, eu consegui com o seguinte CSS:
-webkit-flex: 1 1 50%;
flex: 1 1 50%;
min-width: 1px;