ryanki1

/**
 * House move
 */

background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
transform: translateX(100px);
transition: transform 10s;

ryanki1

/**
 * House move
 */

background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
transform: translateX(100px);
transition: transform 10s;

ryanki1

#grid     { display: grid; 
                /* Two columns: the first sized to content, the second receives the remaining space,   */
                /* but is never smaller than the minimum size of the board or the game controls, which */
                /* occupy this column. */
                grid-columns: auto minmax(min-content, 1fr);

                /* Three rows: the first and last sized to content, the middle row receives the remaining */
                /* space, but is never smaller than the minimum height of the board or stats areas.       */
                grid-rows: auto minmax(min-content, 1fr) auto
              }

ryanki1

#grid     { display: grid; 
                /* Two columns: the first sized to content, the second receives the remaining space,   */
                /* but is never smaller than the minimum size of the board or the game controls, which */
                /* occupy this column. */
                grid-columns: auto minmax(min-content, 1fr);

                /* Three rows: the first and last sized to content, the middle row receives the remaining */
                /* space, but is never smaller than the minimum height of the board or stats areas.       */
                grid-rows: auto minmax(min-content, 1fr) auto
              }