From: harry Date: Mon, 26 Jun 2017 20:48:07 +0000 (+0530) Subject: Update the test case with better grid styling X-Git-Tag: v6.4.0~2^2~1^2 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=refs%2Fpull%2F10261%2Fhead;p=thirdparty%2Ffoundation%2Ffoundation-sites.git Update the test case with better grid styling Also added a alert to resize window to know difference! --- 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
- +