レスポンシブ対応（max-width）の値について

Question

前提・実現したいこと

HTML&CSSの本にある練習問題について、
分からないところがあったのでお尋ねしますm(__)m

レスポンシブ対応で、「400px以下になると、見出しの文字サイズを"3rem”に変更」という問題で、
解答のCSSは「@media (max-width: 600px)」でした。

「@media (max-width: 400px)」を入力しても、400px以下になると文字サイズが3remになったのですが、
解答が600pxで指定している意味を教えていただきたいです。

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

エラーではないのですが、気になったので質問させていただきましたm(__)m

該当のソースコード

★HTML

<h1 class="title">Code Challenge</h1>

★自分が入力した解答
@media (max-width: 400px) {
.title {
font-size: 3rem;
}
}

★本の解答
@media (max-width: 600px) {
.title {
font-size: 3rem;
}
}

試したこと

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

ブラウザ：google chrome

Comments

[m.ts10806]

「意図」「意味」を本質的なところから知りたいのでしたら、そのコードを書いた人に聞くしかないです。著者に問い合わせを。
1つの結果を得るための道は1つではないのです。

[sa_k]

ご回答ありがとうございます。
600pxでなければいけない常識的な理由は特にないということですかね(｀・ω・´)
その意図は著者にしか分からないことだったんですね！
そのことが分かっただけで、問題解決に近づくことができました。
問い合わせしてみます！ありがとうございました！

[hatena19]

著者が間違って記述、校正者が間違いを見逃した、ということに一票。

[sa_k]

ご回答ありがとうございます！
そういった可能性もあるんですね。
問い合わせしてみようと思います！

[hatena19]

@media (max-width: 600px) は画面幅が600px以下のとき摘要という意味なのは自明だと思う。
もし、問い合わせて間違い以外の回答があったらぜひここで提示してください。

[sa_k]

今、問い合わせメールを送ってみました！
返答をいただき次第、こちらに提示しますm(__)m

Answer 1

参考本に問い合わせをしてみました。
解答は「@media (max-width: 400px)」で合っているそうですm(__)m

ご回答していただいた方、ありがとうございました。