Layout Child component - Explained

Hi all,

I need some help understanding the layout child component
image

All properties make sense but I have some trouble getting my head around the Fit Width/Height Proportion.

image

Whatever value I put in here it does not seem to change anything.

My goal is to create this:

No matter the width of the layout group (parent), there should always be 2 columns and the children evenly dispersed.

The issue I am currently facing is when resizing my screen I get something like this:

I understand this is because it is wrapping to a new column.
However is there a way to get:

  • 2 evenly dispersed columns
  • where the children are always half of the parents size
  • without using 2 layout groups and dynamically dispersing children by script?