レスポンシブでaspect-ratioを効かせたい

Question

前提

ここに質問の内容を詳しく書いてください。
レスポンシブでaspect-ratioを効かせたい

実現したいこと

レスポンシブでaspect-ratioを効かせたい

• ▲▲機能を動作するようにする

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

エラーメッセージ

該当のソースコード

@media (1400px > width) {
    
    .hero {
        width: 80%;
        aspect-ratio: 1030 / 696;
    }
    

試したこと

スペルチェックなど色々と試しました

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

ここにより詳細な情報を記載してください。

Answer 1

修正箇所

- @media (1400px > width) {
+ @media (min-width: 1400px) {

min-widthかmax-widthどちらを意図しているのかわかりませんので、適切な方を使用してください。

Answer 2

VScodeを使っているのですが、aspect-ratioの色が変わらないんです

Comments

[退会済みユーザー]

「aspect-ratioを指定したのに上手く動かない」という質問ではなく、「VSCodeで色が変わらない」というのが質問なのでしょうか？

VSCodeで色が変わらなくても、実際にコードが動いているかどうかとは関係がないので、そこは大丈夫だと思いますよ。