Tienes un código un poco loco. ¿Para qué usas
FlexBox si realmente no lo usas?
Realmente sólo tendrías que especificar que cada
li ocupe una tercera parte, y añadir o cambiar dos pequeños cambios adicionales:
Código CSS:
Ver original.col2 li {
width: 33.33333%;
}
.ulprod {
width: 100%;
}
.prod {
width: 100%;
}
Por otro lado esas imágenes más que fondos se me hacen que deberían ser realmente imágenes. ¿O no?