Felxboxの使用パターン4選

Felxboxの使用パターン4選

僕が個人的によく使うFelxboxを利用したcssの実装パターン4選です。Felxboxは並び替えとかもできますが、使用頻度はかなり低いです。

横並び

See the Pen ejEyxV by mizusawa (@webty_mizusawa) on CodePen.

グリッドデザイン

See the Pen yqovoE by mizusawa (@webty_mizusawa) on CodePen.

要素の真ん中に要素を配置する

See the Pen VBzQjw by mizusawa (@webty_mizusawa) on CodePen.

スマホ用横スクロールのメニュー

See the Pen qyXxpW by mizusawa (@webty_mizusawa) on CodePen.