How to use a flexbox row directed instead of using columns

Currently i have column flexboxes like this

Now what i want to achieve is to have flex-direction: row; for the flexboxes and align its children elements row-wise i tried the horizontal filter in no code and i end up with this and hit a roadblock .
image

If possible i would want to get rid of column and use flexboxes row directed in the parent as well. As i struggle to find column not withstanding precise pixel measurements.

1 Like

Hi @karthik :wave:

If you want to keep using the columns element, you can change the display type to rows:
CleanShot 2023-10-05 at 16.30.14

If you want to use flexboxes instead, you can use the Container element (which is a flexbox) and change its layout direction:
CleanShot 2023-10-05 at 16.31.32