こんにちは。大澤です🐶
今日は Flexboxについて学びました！
Flexboxを使用する理由はこの3つ✨
- 高さを自動で調整してくれる
- 並び順の指定ができる
- 余白の指定が楽
①縦を揃えたいときはalign-itemsを使用し、
②横を揃えたいときはjustify-contentを使用します！
(例：①align-items: flex-start; →縦:上に揃えられる/ ②justify-content: space-between; →横:左に揃えられる)
私自身、文字を読むだけではなかなか理解できず、
試しに入力し、この場合はどういう変化をするのか実際に見て学んでいます💭
なんだか理科の実験をしているみたいです🤖(笑)
大澤
WEB制作・ITに関するお悩みや
ご質問等お気軽にご相談ください
2件のコメント
コメントする
コメントを投稿するにはログインしてください。
理科の実験w
おもしろいですね。たしかにそんなイメージかも。
実は、理科の「実験」は好きでしたが教科自体は苦手でした…笑