水平スクロールが消える

Question

レイアウトに問題があります。画面に横スクロールが表示されているようで、私はそれを望んでいないようです。私はすでに問題を見つけようとしましたが、私はそれを見ることができません。 codepenでコード全体を見ることができます。 click to open codepen

.header{ 
    background:rgb(230, 94, 94); 
    width:8vw; 
    height:100%; 
    position: fixed; 
    left:0px; 
    bottom:0px; 
} 

たぶん、すべてのCSSとHTMLを見るためにcodepenリンクに入るという問題が、上記のコードですが、私はあなたをお勧めします。 ビューをエディタビューに変更する必要があります。 私はそれを見ることができないので、誰かが問題を見つけることができることを願っています。私はHTML & CSSの新機能です。 ありがとう、幸運！

Answer 1

main-contentに設定されたビューポートの幅を少し小さくすると、必要なものが得られる可能性があります。私は、水平スクロールが表示されていない99vw;

.main-content{ 
    width:100vw; 
    background:white; 
    padding-left:8vw; 
    width:99vw; 
} 

codepen here