From ed098304f25764a58a7f56401d01629d7c66b15e Mon Sep 17 00:00:00 2001 From: harry Date: Tue, 27 Jun 2017 02:18:07 +0530 Subject: [PATCH] Update the test case with better grid styling Also added a alert to resize window to know difference! --- test/visual/xy-grid/containers.html | 40 +++++++++++++++++++---------- 1 file changed, 26 insertions(+), 14 deletions(-) diff --git a/test/visual/xy-grid/containers.html b/test/visual/xy-grid/containers.html index 1e6846a8a..05070a194 100644 --- a/test/visual/xy-grid/containers.html +++ b/test/visual/xy-grid/containers.html @@ -10,37 +10,49 @@ -

Grid Container

+
+
+
+

Grid Container

-

With no `grid-container-padding` should be flush below 1200px, and bounded and centered above

+
+

Resize the window to know the difference!

+
-
-
-
12/12
-
-
+

With no `grid-container-padding` should be flush below 1200px, and bounded and centered above

+ +
+
+
12/12
+
+
-

With `grid-container-padded` should have padding below 1200px, corresponding to responsive gutters

+

With `grid-container-padded` should have padding below 1200px, corresponding to responsive gutters

+ +
+
+
12/12
+
+
+
+ -
-
-
12/12
- + -- 2.47.2