CSS の flexbox をゲーム感覚で身につけられる Flexbox Froggy がおもしろい 2015年12月10日 17:37HTML / CSS CSS の flexbox (略さずに言うと flexible box) を使うと、ページ上の要素を任意の方向や順番で配置したり、柔軟なサイズを持たせて表示領域を最適に埋めたりできますね。 flexbox を身につける 以前は横に並んだブロック要素の高さを揃えたり、幅が固定されていない要素を等間隔に中央揃えで並べたりするのに JavaScript のライブラリや CSS のちょっとひねった書き方をつかってましたけど、flexbox を使えば特別な処理は必要なく、かなりの自由度で思った通りに要素を配置できるようになりました。 それはそれは便利なんだけど、慣れるまでは概念がつかみにくかったり用語がとっつきにくかったりでどうもハードルが高い
![CSS の flexbox をゲーム感覚で身につけられる Flexbox Froggy がおもしろい](https://cdn-ak-scissors.b.st-hatena.com/image/square/96dc2ebc3d7d534b855d7974d8497a862ad0e499/height=288;version=1;width=512/https%3A%2F%2Fwww.msng.info%2Fwp-content%2Fuploads%2F2015%2F12%2Fflexflog_1.gif)