display– tag –

はじめに 「flexboxだと縦横のレイアウトが思うように組めない」「カード一覧をきれいに整列させたい」という経験はありませんか？ これらの多くは、Grid（グリッド）レイアウトを使うことで簡単に解決できます。 前回の記事では、要素を1方向に並べるflex...

はじめに 「要素を横並びにしたいのに、思い通りにいかない」「中央揃えのやり方がいまいち分からない」という経験はありませんか？ これらの多くは、flexbox（フレックスボックス）を使うことで簡単に解決できます。 前回の記事では、CSSの基本となるボッ...

はじめに 「余白を設定したのにレイアウトが崩れた」「paddingとmarginの違いがよくわからない」という経験はありませんか？ これらの多くは、CSSのボックスモデルを理解することで解決できます。 前回の記事では、テキストの配置や装飾に関するプロパティ...