.parent{display:grid;grid-template-columns:repeat(4,.5fr);grid-template-rows:repeat(8,1fr);grid-column-gap:5px;grid-row-gap:4px}.div1{grid-area:1/1/2/3}.div2{grid-area:1/3/2/4}.div3{grid-area:1/4/2/5}.div4{grid-area:2/1/4/2}.div5{grid-area:2/2/3/3}.div6{grid-area:2/3/3/4}.div7{grid-area:3/2/4/3}.div8{grid-area:3/3/4/4}.div9{grid-area:2/4/4/5}.div10{grid-area:4/1/5/2}.div11{grid-area:4/2/5/4}.div12{grid-area:4/4/5/5}.div13{grid-area:5/1/6/2}.div14{grid-area:6/1/7/2}.div15{grid-area:5/2/7/3}.div16{grid-area:5/3/6/4}.div17{grid-area:5/4/6/5}.div18{grid-area:6/3/7/4}.div19{grid-area:6/4/7/5}.div20{grid-area:7/1/9/2}.div21{grid-area:7/2/8/4}.div22{grid-area:8/2/9/4}.div23{grid-area:7/4/8/5}.div24{grid-area:8/4/9/5}