TAG
CSS
Result
Run
License
<div class="grid-wrapper"> <div><h2>1</h2></div> <div><h2>2</h2></div> <div><h2>3</h2></div> <div><h2>4</h2></div> <div><h2>5</h2></div> </div>
.grid-wrapper { display: grid; grid-gap: 10px; grid-template: repeat(4, 1fr) / repeat(2, 1fr); grid-auto-flow: row; padding: 10px; background: #00cbff; } .grid-wrapper > div { background: rgba(255, 255, 255, 0.8); text-align: center; } .grid-wrapper > div:nth-child(1) { grid-row-start: 3; } .grid-wrapper > div:nth-child(4) { grid-column-start: 2; }
Console
expand_less
License
License
by DevDic
Close