Как оптимизировать эту страницу документации, которую я сделал? [закрыто] ⇐ CSS

[Anonymous]

В настоящее время я выполняю курсовой проект в freeCodeCamp. Задача состоит в том, чтобы создать страницу документации и следовать этим наборам инструкций, которые я уже сделал: скриншот инструкций
Просто нужна помощь со следующими проблемами:

• Как увеличить высоту боковой панели навигации без наложения на заголовок заголовка и верхнюю панель навигации.
• Я не могу центрировать заголовок заголовка «Документация» по вертикали по центру контейнера.
• Когда щелкают ссылку на панели навигации, она должна перейти в тот раздел, который должен быть, но проблема то есть заголовок раздела обрезан, возможно, из-за верхней панели навигации, как это исправить?
• и общее предложение по коду, например. отзывчивость на диф. размеры экрана, структуры кода и т. д. (не волнуйтесь, я принимаю критику за улучшения )

Код: Выделить всё

souce code on this link:

Codepen
Ожидаемый результат:

[*]фиксированная высота боковой панели навигации.
[*]заголовок заголовка выровнен по вертикали
[*]раздел не обрезается
[*]лучшие предложения по коду


Подробнее здесь: https://stackoverflow.com/questions/786 ... age-i-made