CSSでスマホ対応のやり方がよくわかりません

実際のやり取りの一部

• 

  こんにちは。
  CSSでメディアクエリを書いてみたのですが上手く反映しません。
  書き方が合っているかを見ていただきたいです。

• 

  こんにちは。
  メディアクエリの書き方ですね。
  それでは、ソースコードかソースを確認できるURLを共有いただけますか？
  また、CSSのファイル名も共有をお願いします。

• 

  はい。
  少々お待ちください
  [URL]
  
  ファイル名はstyle.cssです

• 

  共有ありがとうございます。
  確認いたしますので少々お待ちください。

• 

  内容を確認しました。
  基本的な考え方は合っていますが惜しいですね！
  
  メディアクエリはブレイクポイント毎に書く必要があります。
  例）
  .test {
  color: yellow;
  }
  @media screen and (min-width:600px) {
  .test {
  color: black;
  }
  }
  @media screen and (min-width:1025px) {
  .test {
  color: pink;
  }
  }
  
  この場合は、600px以下はblack。1025px以上はピンク。デフォルトは黄色となるメディアクエリの書き方です。

※実際のやり取りをもとに構成しています。一部、個人情報などに配慮し内容を編集・省略しています。