ic

Flexboxの使い方、学習サイト

HTML/CSS

とても便利な「display: flex;」ですが様々な使い方がありますよね。

今回はFlexboxの使い方をわかりやすく紹介してくださってるサイトと、

実際にコーディングしながら学習できるサイトを紹介したいと思います。

 

参考サイト

【CSS】今更ながら、フレックスボックスの使い方をまとめてみた。

flexは複雑なレイアウトでも少ない記述で実現可能です。

しかしできる事が多いので慣れない私はよく記述に迷ってしまいます。

そんな時に参考にさせて頂いているのが上記サイトになります。

とても分かりやすくまとめてくださっているので、ご紹介させていただきました。

 

学習サイト

こちらのサイトは実際にflexの記述を使いながらカエル動かし、ゲーム感覚で使い方を学ぶことができるサイトです。

ゲーム感覚で学ぶことができますので学習しやすいのと、リアルタイムで記述した結果が反映されてくれる点が非常にわかりやすいです。

ぜひflexを学習しようと考えていらっしゃる方は使ってみてください。