コーディング– Coding –

CSSのdisplay:flex;の基本レイアウトと使い方をデモ付きで解説。モバイルファーストな指定方法とdisplay: flexが効かない時のチェックポイントも紹介。

無料サービスCodePen（コードペン）を使って、ワードプレス記事にプラグインを使わずHTML、CSS、JavaScriptのコードとをデモ付きで表示させる方法についてご紹介します。ソースコードの記述だけでなく、動きや見た目をユーザーに伝えたい時などにご活用ください。

CSSのdisplay:flex;の基本レイアウトと使い方をデモ付きで解説。モバイルファーストな指定方法とdisplay: flexが効かない時のチェックポイントも紹介。

無料サービスCodePen（コードペン）を使って、ワードプレス記事にプラグインを使わずHTML、CSS、JavaScriptのコードとをデモ付きで表示させる方法についてご紹介します。ソースコードの記述だけでなく、動きや見た目をユーザーに伝えたい時などにご活用ください。