Why do elements lose height on iPhone?

Question

css

Hello. Faced the following problem. On iPhones, the height of the blocks is displayed incorrectly. All prefixes were affixed with an autoprefixer. What could be the problem?

https://trytopersuademe.github.io/ABtest/index.html

Normal


iPhone display

Answer 1

not only on iphone but also in firefox.
remove min-height: 100%;from .navResponsive__title