作成学習②〜Flexbox〜

こんばんは。
この時間帯にもPCと睨めっこしている人、お疲れ様です。

目指す方向に向かうためのステップを考えると、
駆け足で作業をしなければ間に合わないと少し焦っていますが、
少ない時間の中でも、小さくインプットとアウトプットを実施。
くだらない時間になるやもしれませんが、お付き合いください。

---

Webページのコーディングを進めていますが、
「ここ、コンテンツを縦に並べたい」と壁にぶち当たりました。
何せまだまだ初心者なもので、調べながらでしか作業ができていないのです。

「縦に並べる」ということを可能にしてくれる”flexbox”を知りました。

class指定で”flexbox”を、CSSでclass”flexbox”に対して
display:flex;とflex-direction: column; で表現が可能。

さらに、縦に並べた”flexbox”を左寄せ・中央寄せ・右寄せにもできる
”align-item”で
左寄せ　＝”flex-start”
中央寄せ＝”flex-center”
右寄せ　＝”flex-end”
でそれぞれ表現が可能となっている。

また、調べたことがあったら共有までに更新します。

ではまた。