/**
 * The first commented line is your dabblet’s title
 */

 ul {
 list-style: none;
 padding: 0;
 margin: 0;
 border: 4px solid #fff;
 display: inline-grid;
 grid-template-columns: repeat(3, 100px);
 grid-template-rows: repeat(3, 100px);

 grid-gap: 4px;
 background: #fff;
 }
 li { background: #cdcdcd; }
.hi { outline: 4px solid #33f; }
html { height: 100%; }
body {
background: #f06;
background: linear-gradient(45deg, #f06, yellow) no-repeat;
background-size: 100% 100%;
min-height: 100%;
}