.grid-block { float: left; } .grid { $grid-gap: 9px; // Columns! @media screen and ( min-width: 600px ) { // responsive grid display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: $grid-gap; grid-row-gap: $grid-gap; .no-cssgrid & { // use modernizr to provide a fallback display: inline-block; width: 100%; // basic styles similar to a grid .block { width: (99/2)*1%; margin-right: 1%; margin-bottom: 9px; } .block:nth-child(2n) { margin-right: 0; } } } }