グリッドシステムでのレイアウト #container { display: grid; grid: "areaA areaB areaC" 100px "areaD areaE areaF" 100px / 200px 200px 200px; grid-gap: 10px 20px; } //レスポンシブで1行のアイテム数が変わるとき #container { display: grid; grid: …

//grid-template //これはめっちゃ読みやすいから使うように #container { grid-template: "areaA areaB areaC" 100px "areaD areaE areaF" 100px / 200px 200px 200px; } // grid-gap // これも積極的に使うべし #container1 { grid-row-gap: 10px; grid-co…