メディアクエリについて。

メディアクエリ内にレイアウト用の記述を追加すればスマートフォンで見たときだけサイドバーを隠して1カラムにすることもできるとは、どういう記述をすれば良いのでしょうか?出典先は、そろそろ常識？
マンガでわかるHTML＆CSSです。
赤松公太郎著
です。その第6章の所です。その6章最後のページです。教えて頂けると幸いです。
respon.html
〈!DOCTYPE html〉
〈html lang＝″ja″〉
〈head〉
〈meta charset＝″utfー8″〉
〈meta name＝″viewport″ content＝″width＝deviceーwidth,initialーscale＝1″〉
〈title〉Campus Art〈/title〉
〈link rel＝″stylesheet″ href＝″style.css″〉
〈/head〉
style.css
@media (maxーwidth: 599px){

main{
width: 90%;
}
main img
width: 100%;
}
}
です。メディアクエリに関するのは。教えて頂けると幸いです。

質問者からの補足コメント

• では、どんな情報があれば、ご質問に合った回答が出てくるのでしょうか?第6章全てのプログラムを入力しましょうか?すみません。

  No.1の回答に寄せられた補足コメントです。 補足日時：2025/01/02 19:04

• では、どんな情報があれば、ご質問に合った回答が出てくるのでしょうか?第6章全てのプログラムを入力しましょうか?すみません。

  No.2の回答に寄せられた補足コメントです。 補足日時：2025/01/02 19:05

No.3 ベストアンサー 回答者： admiral_ya 回答日時： 2025/01/03 14:52

>では、どんな情報があれば、ご質問に合った回答が出てくるのでしょうか?第6章全てのプログラムを入力しましょうか?すみません。

こちらの回答内容を試しましたか?
回答しているのに試さなかったり、試した結果を追記しなければ、それでおしまいです

No.2 回答者： admiral_ya 回答日時： 2025/01/01 21:14

所々全角になっていて、書き込まれた内容では期待通りの動作になりません

その点を無視するとすると、この CSS は正確には閲覧デバイスによって表示方法を変えるものではありません
ブラウザの幅によって表示方法が変わります
HTML, CSS の両方に文法チェックをかけるなどして、間違いを直したあとブラウザで表示した上で、ブラウザのウィンドウ幅を変えて動作を確認してください
そうすればサンプルが何を意味するのか解りやすいと思います

No.1 回答者： rera1016 回答日時： 2025/01/01 20:10

同じ質問を繰り返すのはマナー違反です。

前に質問した内容が納得いかないという理由で同じ質問をするのは認められませんし、回答した人間に失礼です。

とやかく言う前に、自分で打ち込んで、表示がどうなるかくらいは確かめましょう。
パソコンのブラウザでも、F12キーを押せばデバッグモードが表示され、スマホでの表示も確認できます。
https://atmarkit.itmedia.co.jp/ait/articles/1403 …

そんなに手取り足取り教えてほしいなら10万円くらいは用意しましょう。
それくらいの価値のある技術ですからね。