You can, but the way you structured the elements within divs makes a 3 row solution quite....well lets say: not pretty.
Since you have 4 elements within your parent div, the only good solution would be to have at least an even amount of elements per row.. e.g 4 on desktop, 2 on tablet, 2 on mobile.
You may want to try and play with these attributes:
set your "browse cat box" and "product flexbox parent" to "WRAP CHILDREN.
select "browse cat box" element and click this icon and set flex-grow and flex-shrink to "0".
then add a % based value or px based value in the lower form:
mobile landscape 44%
mobile horizontal 39%
These are not perfect values you have to check them yourself. but maybe you ll get the idea.
Falls sonst noch Fragen aufkommen, schreib mir einfach :).