UI Builder : How to adjust container row and column dynamically ui builder servicenow

Use Case: How to adjust container row and column dynamically ui builder servicenow

UI Builder Container : Select component as "container"

Go to "Style" and Select "Grid"

You can Modify "directions" of container as "Horizontal" or "Vertical 

Adjust the gap before and after item by using "gap" function

You can align your item within container and justify your content

Modify the Row and column as per your requirement like below :

Right now it's showing as 4 column and 1 Row:

Final Result : 4 column 1 Row