Проблемы с контентом, скрывающимся за фиксированной навигационной панелью

Question

В последнее время я изучаю HTML5 / CSS и немного о Flexbox.Имея это в виду, я пытался собрать отзывчивую страницу, ничего лишнего, с исправленной навигацией в верхнем и нижнем колонтитулах.

[Codepen](https://codepen.io/addycoder/pen/zJeewm)

Когда область просмотра> 700px, я просто принудительновниз 73px, чтобы он не скрывался за навигацией.Но <700px, заголовок явно расширяется, и, что бы я ни пытался, я не могу найти чистое решение для того, чтобы контент не скрывался, поскольку заголовок оборачивается и увеличивается в размере </p>

С учетом этого (как показывает перо), я изменяю положение на относительное для> 700 пикселей и обнуляю поле, которое все это видит, но теряет фиксированную навигацию.

Любые идеи о том, где я ошибся.Это должно быть что-то простое.

Впервые пользователь, кстати, спасибо за помощь

Answer 1

ОК, так что я решил это пока.Ручка выше обновлена ​​и похоже делает то, что хочу.У меня есть один медиазапрос, чтобы разрешить устройства <700px, и я просто использовал dev-инструменты для определения высоты, исходя из предположения, что это не изменится.</p>