gridのムラゴンブログ

このタグの読者になる 0

正しいgridレイアウトの使い方

CSS Gridは「なんとなく並べるためのもの」ではありません。レイアウトを“設計するためのツール”です。ここを間違えると、flexと大差ない使い方になり、保守性が一気に落ちます。逆に本質を押さえると、複雑なUIでもシンプルに書けるようになります。 Gridの本質は「2次元レイアウト」 fle... 続きをみる
- レイアウト
- 設計
- 配置
- 並び
- 本質
- ader
- 制御
- 便利
- flex
たむ webエンジニア発信 | 少しためになるブログ 2026/04/10 08:06
CSSの「gap」とは？初心者でも理解できる使い方

CSSでレイアウトを作っていると、要素同士の余白をどう作るかで悩むことがあります。そのときによく使われるのが gap というプロパティです。この記事では、CSSの gapとは何か、そして marginとの違い、実際の使い方まで整理して解説します。 gapとは gapは、要素と要素の間の余白をまと... 続きをみる
- gap
- 要素
- 余白
- 指定
- レイアウト
- 同士
- プロパティ
- 間隔
- 縦横
たむ webエンジニア発信 | 少しためになるブログ 2026/03/14 08:15
# grid
# 情報処理安全確保支援士
# html