flexboxプロパティってとても便利ですよね。 便利だなーと思うのですが、毎回使い方を忘れて使うたびにググってます…。 いい加減覚えよう!といういましめエントリーです。 フレックスレイアウト 今までレイアウトには ブロックレイアウト インラインレイアウト テーブルレイアウト 配置レイアウト がありましたが、フレックスレイアウトという、新しいレイアウトモードが誕生しました。 近年、アプリやWEBページが複雑なレイアウトをする傾向から、CSS3で新しく誕生したレイアウトモードです。 どういうときに使うの? 要素を左右上下と整列させたいとき 横並び要素の高さをそろえたいとき 要素を好きな順序に並び替えたいとき などなど、用途は様々です。 例えばこういう配置で高さを揃えたいときとか… sectionの後はh1を置きたいけど、上に画像がいるなーというときとか… See the Pen doejQa
![レスポンシブで大活躍のflexboxを使い倒す(前編) - Hatsuka](https://cdn-ak-scissors.b.st-hatena.com/image/square/db3cfa2aef890ca485f83b7e1149ab07857345a6/height=288;version=1;width=512/https%3A%2F%2Fhatsuka.info%2Fwordpress%2Fwp-content%2Fuploads%2F2015%2F07%2Fflexbox.png)