sp用のcssが効かない

Question

ご教授願います。

クロームで検証中です。
sp用のcssが優先されず、
pc用のcssが優先されています。
invalid property valueとのこと。

width：114px;ではなく、
width：104px;を適用したいです。

該当のソースコード(このwidthの部分だけ効かない。それ以外の指定は効いている。)

style.css:318のコード
@media screen and (max-width: 640px){
.app-item {
~~ width: 104px;~~　　　　　 ←invalid property value
}
style.css:76のコード
.app-item {
float: left;
width: 114px;
}
}

試したこと

●半角、全角スペースの確認
●スペル確認
●キャッシュの削除、再読み込み
●!importantをつける

Comments

[hatena19]

クロームの検証ツールに表示されているCSSを書き写したということでしょうか。
実際のstyle.css内のその部分のコードをコピーして貼り付けてください。

[kei344]

回答が付いた質問の編集は慎重に行ってください。質問文のコードについて回答にて指摘があった場合は「追記」し、元のコードを編集する場合も「直したこと」がわかるようにしてください。後から見た人から見て、現在回答されておられる方の回答が「無いコードに対しての指摘」になり、意味がわからなくなります。

[machinm0917]

kei344様
質問の仕方がルール違反で申し訳ありませんでした。

[machinm0917]

hatena19様
修正にて解決いたしました。お手数をおかけしました。ありがとうございました。

Answer 1

@media screen and (max-width: 640px){ /* ← かっこが漏れている */
.app-item {
    width: 104px;　　　　　 ←invalid property value
}

Comments

[machinm0917]

お忙しい中、ありがとうございました。お手数をおかけいたしました。