responsive dynamic portrait and landscape nested layout

Unity Engine
1

I am trying to build a layout with 3 panels (with nested layouts) arranged vertically in portrait and in a grid when landscape.

6933957--814347--upload_2021-3-15_7-19-27.png
6933957--814347--upload_2021-3-15_7-19-27.png1664×1112 50.8 KB

I have just started working on it, and I am not that familiar with the UI system in unity. I was thinking of using this general take:

0: Grid layout
1,2: Vertical layout
3: Text element
A,i,ii & iii: Horizontal layout

I have two questions:
How do I set it up so the widths of 1,2 and 3 are 100% in portrait and 50% in landscape?
What other important settings, behaviours and gotchas should I be aware of?

2

Hello, just confirming if you’re really using UI Toolkit, because “Grid Layout”, “Vertical Layout” and “Horizontal Layout” are components in UGUI and seems like that’s what you’re trying to use. If that’s the case let me know and I can move your post to the correct forum. Thanks!