position fixedを使うと横幅が狭くなってしまいました

Question

前提・実現したいこと

ここに質問の内容を詳しく書いてください。
position:fixed を使ったらヘッダーの横幅が狭くなってしまいました
どうしたらなおせるでしょうか

発生している問題・エラーメッセージ

posotion:fixed;を使ってヘッダーを固定したらヘッダーの幅が変わってしまう

エラーメッセージ

該当のソースコード

css
ソースコード

試したこと

widthを指定する属性を変更
margin:0 auto; を削除

補足情報（FW/ツールのバージョンなど）

progate 道場コース　中級編
ここにより詳細な情報を記載してください。

Answer 1

width を指定するか、left rightを設定すればいいでしょう。

.header {
  height: 65px;
  background-color: rgba(34,49,52,0.9);
  color: white;
  position: fixed;
  top: 0;
  width: 100%;
}

あるいは

.header {
  height: 65px;
  background-color: rgba(34,49,52,0.9);
  color: white;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

Comments

[Alf2357]

ありがとうございます
width:100%にしたら解決しました