iOS: Columns block renders more than two columns in a row when launching in landscape mode

[antonis]

Describe the bug
When Gutenberg-Mobile starts up in landscape mode the columns block renders more than two columns in the first row. If you rotate the device the columns are rendered correctly.

To Reproduce

1. Make sure that your editor has more than two columns in a columns block
2. Turn the device or emulator in landscape mode
3. Start the Gutenberg-Mobile app or reload
4. Observe that more than two columns are rendered in the first row

Expected behavior
Only two columns should be rendered in each row

Screenshots

Smartphone (please complete the following information):

• Device: Tested on iPhone 11 simulator and iPhone SE 2020
• OS: iOS 13.5

Additional context
The problem is not reproduced on Android.

[antonis]

The issue is reproduced in iPad devices too