SPの時だけorderが効かない。

Question

SPの時だけorderが効かない。

レスポンシブウェブデザインでPCの時はちゃんと表記順番が変わるのに
下記のようにしてもSPの時に全く上下に移動してくれません。
PCの際の横並びはflex-boxで行っています。

ソース

.content-img-wrap {
width: 100%;
order: -2;
}

@media (min-width: 50em) {
.content-img-wrap {
width: 50%;
order: 0;
}
}

こちらは横並びをflex-boxで行ったばあいだけ使えるのでしょうか。
それともどこでも使えるのですか？
親がflexの場合のみその中の子要素のみが位置を指定できるのですかね？

Comments

[kei344]

質問文のコードはそれぞれコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。

[退会済みユーザー]

SPにはcodeタグがありませんでした。PCで変更しました

[kei344]

言葉足らずですみません、「質問文の」コードです。実際のコードではなく、teratailの質問文編集画面での話です。

Answer 1

いじり倒した結果、動いてくれたようです。

もう少し確認が必要ですが、とりあえず一度クローズしておきます。
お騒がせしました。