状況を説明しましょう:
only screen and (max-width: 720px) を対象とする新しい @media ルールを作りましたが、エラーと言われます。過去の質問を見つけましたが、私の場合には当てはまりません。どこを直せばいいでしょう?
現状のコード
<!-- file: index.html -->
/* file: styles.css */
/* User Editable Region */
@media only screen and(max-width:720px){
.image-wrapper{
grid-template-column: 1fr;
}
}
/* User Editable Region */
ブラウザ情報:
ユーザーエージェント: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:134.0) Gecko/20100101 Firefox/134.0
チャレンジの情報:
CSS グリッドの学習: 雑誌を作成する - ステップ 77