ヘッダーとフッターのレスポンシブ化

Question

はじめまして。プログラミング初心者です。ひと通りプログラミングが完成してレスポンシブ化もしました。ところが、ヘッダーとフッターがうまくいかないのです。min-width（もしくはmax-width）で様式を指定するとpc版かsp版かのいずれかだけに所与の様式（背景色・display;flexなど）がかかってしまい、pc・spそれぞれにかかってくれません。min-widthなどを外してもダメでした。
pcのレスポンシブの画面は小さすぎて表現できないからでしょうか？ご教示よろしくお願いいたします。

Comments

[m.ts10806]

>pcのレスポンシブの画面は小さすぎて表現できないからでしょうか？

そんなことはないと思います。
実際のコードと目指しているレスポンシブのレイアウトと起きている現象を提示してください。

[kryouhei31]

ご回答ありがとうございます。レスポンシブの場合は背景色が消え、リスト設定をかけたヘッダーとフッターの各項目の設定が消えて画面の左端によります。例えば、display:flex;で横並びになったものが縦に並んでしまいます。
あとヘッダーだけはtext-decoration:none;の設定も消えてしまいます。

[m.ts10806]

回答ではなく質問への追記修正依頼です。
質問本文更新してください。

Answer 1

メディアクエリの外側に書くといい、と言われたのでヘッダーとフッターにはメディアクエリはつけていません。
例えばヘッダーはこんな感じです。

.header-list {
display: flex;
justify-content: space-between;
margin: 0 auto;
padding-left: 300px;
}

.header-item {
font-size: 1.5rem;
list-style: none;
text-decoration: none;

メディアクエリを外したのがいけなかったのでしょうか？

Answer 2

メディアクエリの指定はどうなっていますか？