display:flexで型崩れをしてしまいなおせなくなりました

Question

過去に同じ質問がないか検索した？
A.自分が検索した中だと出ませんでした。

エラーが出ている箇所のソースコードまたは周辺ソースコード全体
下記参照

聞きたいことの概要
スクロールしてもサイドバー全部を固定させたいです。
起きている問題（起きている現象の詳細 / エラーメッセージ）
ヘッダーは固定できました。

結論、サイドバーを固定させたいのですが、position:fixedを使うと右のメイン要素が左によってきて型崩れをしてしまいます。

問題解決するために自分で試したこと / 調べたこと / 考えたこと
position 要素やflex box辺りの知識かなと思ってかなりググったり過去の質問見たりで調べましたが、分からなかったです。

お時間頂戴し、申し訳ございません。
回答してくださるととても助かります

Comments

[Lhankor_Mhy]

重複質問のようですので、削除リクエストを出してください。
https://teratail.com/questions/342698