1度使ったら戻れないやつ

こんにちは! 吉田です!

今日は
コーディングの実演動画を
お届けします!

テーマは

flexbox(フレックスボックス)

です!!

前回のfloatに続き、
横並びを実装する
cssになりますが..

flexboxを使うと、
もはやfloatには戻れません。

そのくらい
かゆいところに
手が届くcssなのです。

ただ、便利な反面
細かいプロパティが多いため

「ちょっと難しいかも。。。」

と初心者の方だと
断念してしまう方も多いです。

今回はそんなことにならないよう、
いつもどおり実演形式で作りつつ..

LPの実装でよく使う
flexboxのチートシートも
用意しています!

↓こちらからどうぞ(ファイル一式も含まれています)↓
https://salesdesign-school.jp/mihon/flexbox.zip

(動画ではチートシートが
一部保存されていなかったのですが
修正しておきました汗)

チートシートに載せたもの以外にも
flexboxのプロパティは
まだまだたくさんありますが
全部覚える必要はありません。

実務で使わないものは
正直覚えなくて大丈夫です。
(その都度調べればいいので。笑)

ということで、
早速作っていきましょう!

flexboxは
ほんとにお世辞抜きで便利なので
ぜひ積極的に使いながら
覚えていきましょう!

では!

吉田

ご質問お待ちしています!

↓吉田への感想・質問はこちら↓

https://salesdesign-lab.jp/p/r/oIA6aeRR

率直な感想や質問など大歓迎です! 励みになります!

投稿者プロフィール

吉田 祥太
吉田 祥太
フロントエンジニア出身の叩き上げセールスデザイナー
セールスデザイナーとしては5年目。

ノンデザイナー出身でめちゃめちゃ苦労した経験から、
感覚的になりやすいデザインの指導を
理論的かつ再現性ある形で伝えることをモットーにしている。

詳しいプロフィールはこちら