Flexboxで要素を横並びにしよう -サイズ固定していない場合-

ウィンドウサイズを変えてみてください

テキスト
テキストテキストテキスト
テキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキスト

Flexboxで要素を横並びにしよう -同じ割合で並べる-

ウィンドウサイズを変えてみてください

テキスト
テキストテキストテキスト
テキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキスト

Flexboxで要素を横並びにしよう -2:1で並べる-

ウィンドウサイズを変えてみてください

ここは2
ここは1

Flexboxで要素を横並びにしよう -片方だけサイズ固定-

ウィンドウサイズを変えてみてください

ここは可変
ここは200px