From 525a7275d707286d8ad51e64ee711f274d339b09 Mon Sep 17 00:00:00 2001
From: Dan Leech <danleech@users.noreply.github.com>
Date: Thu, 27 Apr 2017 11:04:03 +0100
Subject: [PATCH] Makes @supports the last nested item

---
 _sass/_components.grid.scss | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/_sass/_components.grid.scss b/_sass/_components.grid.scss
index 4149c5b2..1d499f9f 100644
--- a/_sass/_components.grid.scss
+++ b/_sass/_components.grid.scss
@@ -4,6 +4,9 @@
     list-style: none;
     margin: 1.5rem;
     padding: 0;
+    @media (min-width: 720px) {
+        margin: 3rem;
+    }
     @supports (display: grid) {
         display: grid;
         grid-template-columns: repeat(auto-fill, minmax(9rem,1fr));
@@ -12,9 +15,6 @@
         grid-row-gap: 0.375rem;
         grid-auto-flow: dense;
     }
-    @media (min-width: 720px) {
-        margin: 3rem;
-    }
 }
 
 .grid-item {
@@ -32,14 +32,14 @@
     grid-column: -2 / -1;
     grid-row-end: span 2;
     height: auto;
-    @supports not (display: grid) {
-        width: 100%;
-    }
     @media (min-width: 21.75rem) {
         // 21.75rem is the minimum viewport
         // width with multiple columns
         grid-column: -3 / -1;
     }
+    @supports not (display: grid) {
+        width: 100%;
+    }
 }
 
 .grid-item__link {