1
2
3
4
5
6
7
8
9
10
11
12
.grid { display: grid; grid-template-columns: repeat(9, 1fr); grid-template-rows: repeat(4, minmax(100px, auto)); } .item { display: grid; grid-column: 2 / 7; grid-row: 2 / 4; grid-template-columns: subgrid; grid-template-rows: subgrid; }
<div class="grid"> <div class="item"> <div class="subitem">1</div> <div class="subitem">2</div> <div class="subitem">3</div> <div class="subitem">4</div> <div class="subitem">5</div> <div class="subitem">6</div> <div class="subitem">7</div> <div class="subitem">8</div> <div class="subitem">9</div> <div class="subitem">10</div> <div class="subitem">11</div> <div class="subitem">12</div> </div> </div>