Html
copy
reset
Run
Netbax Online Editor Try it Yourself
<style>#demo{ display:grid; grid-template-columns: auto auto auto auto; grid-template-rows: 70px 140px; grid-gap:5px; background-color:#ff3800; color:#fff; font-weight:bold; text-transform:uppercase; padding:5px; } #demo > span{ background-color:#ff7e00; text-align:center; padding:14px 0;} </style> <div id="demo"> <span>a</span> <span>b</span> <span>c</span> <span>d</span> <span>e</span> <span>f</span> <span>g</span> <span>h</span> </div>
