From 0ab62689cee1387fd028b551b5b4049260203869 Mon Sep 17 00:00:00 2001
From: chrisgarrity <chrisg@media.mit.edu>
Date: Fri, 18 Nov 2016 17:08:23 -0500
Subject: [PATCH] fix column count for IE and Edge
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Set column-count for all widths since it’s needed for Firefox, IE and Edge browsers
---
 src/components/masonrygrid/masonrygrid.scss | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/masonrygrid/masonrygrid.scss b/src/components/masonrygrid/masonrygrid.scss
index 07d42f00f..867f33350 100644
--- a/src/components/masonrygrid/masonrygrid.scss
+++ b/src/components/masonrygrid/masonrygrid.scss
@@ -7,18 +7,18 @@
     -webkit-perspective: 1;
 }
 
-// working around Firefox issue that requires column-count, using explicit -moz-column-count
+// column-count required for Firefox, IE and Edge
 //4 columns
 @media only screen and (max-width: $mobile - 1) {
     .masonry {
-        -moz-column-count: 1;
+        column-count: 1;
     }
 }
 
 //6 columns
 @media only screen and (min-width: $mobile) and (max-width: $tablet - 1) {
     .masonry {
-        -moz-column-count: 1;
+        column-count: 1;
     }
 }
 
@@ -26,13 +26,13 @@
 //8 columns
 @media only screen and (min-width: $tablet) and (max-width: $desktop - 1) {
     .masonry {
-        -moz-column-count: 2;
+        column-count: 2;
     }
 }
 
 // 12 columns
 @media only screen and (min-width: $desktop) {
     .masonry {
-        -moz-column-count: 3;
+        column-count: 3;
     }
 }