From 79ca087f6a3a2462d0ce8230f18aa67e7b951dcd Mon Sep 17 00:00:00 2001
From: Josh Black <joshblack@us.ibm.com>
Date: Fri, 4 May 2018 12:06:41 -0500
Subject: [PATCH] fix(grid): center grid at largest breakpoint

---
 src/globals/grid/classic/_classic.scss | 22 +++++++++++++++++++---
 1 file changed, 19 insertions(+), 3 deletions(-)

diff --git a/src/globals/grid/classic/_classic.scss b/src/globals/grid/classic/_classic.scss
index 618f97eed9f4..ee443e6bd559 100644
--- a/src/globals/grid/classic/_classic.scss
+++ b/src/globals/grid/classic/_classic.scss
@@ -3,9 +3,21 @@
 $max-width: 1600px;
 $columns: 12;
 
-$grid-breakpoints: (sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1600px);
-$gutter-breakpoints: (xs: 5px, sm: 10px);
-$grid-gutter-breakpoints: (xs: 3%, sm: 5%);
+$grid-breakpoints: (
+  sm: 576px,
+  md: 768px,
+  lg: 992px,
+  xl: 1200px,
+  xxl: 1600px
+);
+$gutter-breakpoints: (
+  xs: 5px,
+  sm: 10px
+);
+$grid-gutter-breakpoints: (
+  xs: 3%,
+  sm: 5%
+);
 
 @mixin grid {
   .#{$prefix}--grid {
@@ -21,6 +33,10 @@ $grid-gutter-breakpoints: (xs: 3%, sm: 5%);
       padding-right: gutter('sm');
     }
 
+    @media (min-width: breakpoint('xxl')) {
+      margin: 0 auto;
+    }
+
     &.max {
       max-width: $max-width;
     }