flexboxの基礎中の基礎

htmlで書かれたものは、基本的に縦に並んでいく。
flexboxは要素を横並びにしたいときにflexboxを指定する。

/*flexboxの指定。親要素に指定する*/
dilplay: flex;

/*要素を、折り返し「する」に設定。横表示個数が決まっている時など。
　設定しないと子要素の幅は無視され、１行に収まるサイズにされてしまう。*/
flex-wrap: wrap;

/* 要素の横位置を、text-alignのように左寄せ・中央などに設定する */
justify-contnt: center;

/* 要素の縦並びの位置を指定する */
align-items: center;