会員限定 基本のプロパティを覚える2

• display:felx;
• display:grid;

前回の「基本のプロパティを覚える1」に続きで、今回はCSSのコーディングでよく使われるレイアウトに関するプロパティ、flexとgridについて詳しく説明していきます。

flexとgridは、displayプロパティの一種で、レイアウトを調整するための重要なCSSです。
CSSのコーディングの基本となる重要なプロパティなので、しっかり学んでいきましょう。

display:felx;

CSSでフレックスボックスレイアウトを使用するためのプロパティです。
フレックスボックスは、要素を水平（行方向）または垂直（列方向）に整列させるのに適しています。

基本的な使い方

display: flex; を親要素に指定すると、その子要素はフレックスアイテムとして扱われます。
これにより、フレックスコンテナ（親要素）内のアイテムの配置やサイズを柔軟に設定できます。