I would like to display my textareas into 3 columns with gap between them. I've tried to give this style to my container flex flex-row flex-wrap but then grid grid-cols-3 gap-10. BUT obviously, if I make the window too small then the 3 columns will move down or up because flex-wrap property is set to wrap (because I need row and columns to be on separate lines).

Can someone see what I have to do please ?

Here a picture to get the idea :

Here is my code