#最初に
出品機能を実装中、プレビュー画像をlabel-boxと横並びにしたかった。
#原因
flex-wrap: wrap;
で折り返されていた...
flex-wrap: nowrap;
に変更。単一行に押し込むという形で横並びにすることが出来ました。
#flex-wrapプロパティについて
フレックスアイテムを単一行に押し込むか、あるいは複数行に折り返してもよいかを指定するプロパティ。
横並び!横並び!と考え方が凝り固まっていました。
横並びの方法はfloatやinline-blockしか思い当たらず参考アプリの検証ツールで原因に気づくことが出来ました。
思いがけない自分の記述で手間取ってしまったので、コードを修正するときは広い視野を意識していきます。
#参考サイト
https://developer.mozilla.org/ja/docs/Web/CSS/flex-wrap