TAG
CSS
Result
Run
License
<div class="grid-wrapper"> <div>A barking dog never bites</div> <div>A big fish in a small pond</div> <div>No pain No gain</div> <div>It never rains but it pours</div> <div>A good medicine tastes bitter</div> </div>
.grid-wrapper { display: grid; grid-gap: 5px; grid-template-areas: ". . ."; grid-auto-columns: auto minmax(100px, 150px) max-content; padding: 5px; background: #00cbff; } .grid-wrapper > div { background: rgba(255, 255, 255, 0.8); text-align: center; }
Console
expand_less
License
License
by DevDic
Close