Hello

I have a website that I'm making (link https://www.degedektetafel.be/wv2/assortiment-test) where I want to have 4 columns on a computer screen with multiple rows/items inside. ( https://www.kofide.be/extra/dgt1.png )

But when I make 4 columns and just add (in this example) 3 items inside each columns then, when making it at a smaller screen where I say to take 33,3% width I get this result (https://www.kofide.be/extra/dgt2.png) If I make 1 columns and add different rows and within 1 row = 1 item and give the same width options I get this (https://www.kofide.be/extra/dgt3.png)

I want them to always be fluid after eachother no matter what screensize. How do I have to do it in page builder?