《CSS》「flex」について（縦・横篇）

こんにちは、「なゆた」です！
今回は皆さんに、「CSS」での「flex」についてをお教えします！
「flex」とは、項目のボタンをどのように伸長・収縮させるかを指定するタグです。

①まずは、やはりHTMLファイルですね。クラス名は何でもいいです。それが出来たら、CSSファイルと連携しましょう。

②CSSファイルに入ったらまず、flexBoxクラス（任意名）に手を出します。padding（絶対）と文字のサイズ（任意）は自由です。HTMLファイル上ではflexBoxクラスは複数に分かれていましたが、CSSファイル上ではクラス名を「flexBox」のみにすることで、まとめて手を出すことが出来ます。

③次は、flexBoxクラスを統括するflexBoxWrapクラス（任意名）に手を出します。displayを「flex」にして、項目の方向を表すflex-directionを「row」にすると、横に並び・・・

「column」にすると、縦に並びます。

いかがでしたか？これから少しずつ「flex」についてを説明しますので、皆さん、楽しみにしていて下さいね！
以上です、ありがとうございました！