TAG
CSS
Result
Run
License
<div class="contain"> <div>ITEM 1</div> <div>ITEM 2</div> <div>ITEM 3</div> <div>ITEM 4</div> <div>ITEM 5</div> </div>
.contain { display: grid; grid: auto / auto repeat(3, [a] 1fr [b]); margin: auto; background: #F7F7F7; gap: 10px; max-width: 400px; } .contain > div { background: #CCC; } .contain > div:nth-child(3) { grid-column: a / a 3; } .contain > div:nth-child(4) { grid-column: b / b 3; }
Console
expand_less
License
License
by DevDic
Close