
こんにちは。大澤です
今日は Flexboxについて学びました!
Flexboxを使用する理由はこの3つ
- 高さを自動で調整してくれる
- 並び順の指定ができる
- 余白の指定が楽
①縦を揃えたいときはalign-itemsを使用し、
②横を揃えたいときはjustify-contentを使用します!
(例:①align-items: flex-start; →縦:上に揃えられる/ ②justify-content: space-between; →横:左に揃えられる)
私自身、文字を読むだけではなかなか理解できず、
試しに入力し、この場合はどういう変化をするのか実際に見て学んでいます
なんだか理科の実験をしているみたいです(笑)
大澤
理科の実験w
おもしろいですね。たしかにそんなイメージかも。
実は、理科の「実験」は好きでしたが教科自体は苦手でした…笑