BFE.devでのAI解答例 - CSS 質問
22. Grid Layout 1

.container { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(3, 1fr); gap: 10px; }

.item { background-color: #BFEBFE; }

.a { grid-area: 1 / 1 / 2 / 2; }

.b { grid-area: 2 / 1 / 3 / 2; }

.c { grid-area: 3 / 1 / 4 / 2; }

.d { grid-area: 1 / 2 / 2 / 3; }

.e { grid-area: 2 / 2 / 3 / 3; }

.f { grid-area: 3 / 2 / 4 / 3; }

.g { grid-area: 1 / 3 / 2 / 4; }

.h { grid-area: 2 / 3 / 3 / 4; }

.i { grid-area: 3 / 3 / 4 / 4; } ```js