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-template-columns: [start-line] 40% [inner-line1] 20% [inner-line2] 40% [end-line]; grid-gap: 1px; background-color: hwb(0 80% 10%); } .grid-wrapper > div { background-color: rgba(255 255 255 / 0.8); text-align: center; } .grid-wrapper > div:first-child { grid-column: start-line / inner-line2; }
Console
expand_less
License
License
by DevDic
Close