HTML/CSS 適切な場所で内容を表示したい

Question

HTML/CSS初心者です(udemyで講座視聴レベル)．こちらのサイトのコードをもとに，Webページ作成の勉強をしていたのですが，mainページ(ヘッダーバーの直下)の内容が多くなると，直下のworksのスペースに文字が入ってしまいました．

他項目(works, skill, about, contact)いついては内容を増やしても，スペースが自動的に大きくなることで対応できたのですが，mainではできません．

自分の理解としては

<div class="main-visual">と<div class="main-visual_inner">の領域が一致していないことが問題かと考えております． 初歩的な質問で恐縮ですが，何卒よろしくお願いいたします． 

Comments

[m.ts10806]

コードは画像で提示されても再現確認できませんので、テキストで、マークダウンのコード機能にてご提示ください。
https://teratail.com/questions/238564

Answer 1

修正依頼でも指摘されているように、コードは画像ではなくマークダウンのコードブロックで提示してください。（質問は編集できます。）

いちおう、画像で見える範囲で判断して回答しておきます。

.main-visualにheight: 85vh;で高さを固定してますので、中身がこの高さを超える時、はみ出ます。

中身が増えたらそれに合わせて.main-visualの高さも拡張したいのなら、height: 85vh;をheight: auto;にすればいいでしょう。
あるいは、最小の高さは 85vh を確保したいということなら、height: 85vh;をmin-height: 85vh; にすればいいでしょう。