Layout a 3x3 grid and place A to I in column-first order. 1. set gap in rows and columns of 10px 2. container size is already set. <div class="contain…

23. Grid Layout 2

21. Holy Grail Layout

22. Grid Layout 1

<pre class="shiki github-dark shaku"><code>.container{ display: grid; grid-gap: 10px; grid-auto-flow: column; grid-template-rows: auto auto auto;}.item { background-color: #BFEBFE; display: flex; justify-content: center; align-items: center;}</code></pre>