Невозможно установить полную высоту для дочернего элемента flexbox, любая помощь будет оценена по достоинству. HTML CSS ⇐ CSS

[Anonymous]

Я пытаюсь создать приложение для просмотра фильмов с макетом, аналогичным макету YouTube, я использовал тело в качестве гибкого родительского элемента и (nav и main) в качестве гибких дочерних элементов. Я уже отвечал на некоторые подобные вопросы в Stackoverflow однако ни один из них не решил мою проблему
изображение результата


вот мой код:
```https://codepen.io/userahmad2001/pen/poaKXBz```


Подробнее здесь: https://stackoverflow.com/questions/724 ... d-html-css