css griid

css griid

.parent { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(2, 1fr); grid-column-gap: 10px; grid-row-gap: 10px; } .div1 { grid-area: 1 / 1 / 2 / 2; } .div2 { grid-area: 1 / 2 / 2 / 3; } .div3 { grid-area: 1 / 3 / 2 / 4; } .div4 { grid-area: 1 / 4 / 2 / 5; } .div5 { grid-area: 1 / 5 / 2 / 6; } .div6 { grid-area: 2 / 1 / 3 / 2; } .div7 { grid-area: 2 / 2 / 3 / 3; } .div8 { grid-area: 2 / 3 / 3 / 4; } .div9 { grid-area: 2 / 4 / 3 / 5; } .div10 { grid-area: 2 / 5 / 3 / 6; }