CSSキーワードとLESS変数

CSSには、@mediaや@keyframesなど、アットマーク（@）で始まるキーワードやコマンドがあります。 LESSはこれらを正しく処理でき、独自のコマンドとして認識しません。例を見てみましょう:

styles.less@media (max-width: 600px) {
  div {
    width: 300px;
  }
}

別の例:

styles.less@keyframes anim {
  from {
    width: 100px;
  }
  to {
    width: 200px;
  }
}

Задание 1

いくつかのメディアクエリを書いてみてください。それらが正しく動作することを確認してください。