Surprising behaviour when nesting Row in Row

When nesting Row in Row, they are aligned as columns:
```

{/* these 3 inner Rows will appear as columns */}

```
I assume this is due to the underlying flexbox implementation. I also assume that columns nested in columns will behave as rows. (Not verified).

So, I know you can simply specify all your rows at the same level of nesting, but what if you have a component which you know will occupy 80% height, and then inside an unrelated component, you want to specify customised Rows? Child components should not need to be aware of the parent component dimensions.