TAG
CSS
Result
Run
License
<div class="contain"> <div> <h2>Item A</h2> <ul> <li>Santa Monica Beach, California</li> <li>South Beach, Miami, Florida</li> </ul> <span></span> </div> <div> <h2>Item B</h2> <ul> <li>Renaissance Island, Aruba</li> <li>Waikiki, Honolulu, Hawaii</li> <li>Navagio Beach, Zakynthos, Greece</li> <li>Whitehaven Beach, Whitsunday Island, Australia</li> </ul> <span></span> </div> </div>
.contain { display: grid; grid: 30px / max-content max-content; background: #F7F7F7; gap: 10px; } .contain > div { display: grid; grid-template-rows: subgrid; background-color: #CCC; grid-row: 1 / 4; } .contain > div > span { background: #FFFF00; display: inline-block; height: 50px; }
Console
expand_less
License
License
by DevDic
Close