Flexbox でレスポンシブレイアウト

Flexboxを使ったサンプル

本日はページ組み込みではなく、別にサンプルを作成しました。

横並び、縦並びの左右上下、中央揃えはなるべくFlexboxを使用してレイアウトしています。

また600px 以下で、アイテムが1列に並ぶように指定しました。

本日は簡単な指定しかしていませんが、ベンダープレックスで多少ゴチャついてしましました。

サンプルは以下になります。**Android 4.3 以下では表示が崩れます。(おられないと思いますが一応)

Flexbox サンプル 01

^