Как выставить высоту блокам, чтобы верхняя(для url) панель на мобильнике учитывалась(пояснение ниже)?

Question

[Alice777]

есть такая верстка https://jsfiddle.net/6Lamu4tf/. Блоки имеют строго 50% высоту. Родитель растянут на 100% окна браузера. Все хорошо, но на мобильном из-за верхней панели для ввода адреса высота первого блока отображается как нужно(50%), а второго блока обрезается ровно на величину высоты этой мобильной панели. Как быть? Как ее учесть?

Answer 1

[197291]

Используй функцию: calc(50% - 'высота твоего меню')