From 517b3d6f1bb6f85b1b3cb907f4a7eafa25974e17 Mon Sep 17 00:00:00 2001 From: Michelle Barker Date: Sat, 20 Oct 2018 22:24:42 +0100 Subject: [PATCH] Grid wrapper example for CSS Layout Cookbook --- css-cookbook/grid-wrapper--download.html | 73 ++++++++++++ css-cookbook/grid-wrapper.html | 135 +++++++++++++++++++++++ 2 files changed, 208 insertions(+) create mode 100644 css-cookbook/grid-wrapper--download.html create mode 100644 css-cookbook/grid-wrapper.html diff --git a/css-cookbook/grid-wrapper--download.html b/css-cookbook/grid-wrapper--download.html new file mode 100644 index 00000000..04ee685e --- /dev/null +++ b/css-cookbook/grid-wrapper--download.html @@ -0,0 +1,73 @@ + + + + + + + + CSS Cookbook: Grid Wrapper + + + + + + + + + + +
+
+

This item aligns to a central “wrapper” – columns that have a maximum width.

+
+
+

This item aligns to the edge of the grid container.

+
+
+

This item aligns to the left edge of the grid container and the right edge of the wrapper.

+
+
+

This item aligns to the right edge of the “wrapper” columns.

+
+
+ + + + \ No newline at end of file diff --git a/css-cookbook/grid-wrapper.html b/css-cookbook/grid-wrapper.html new file mode 100644 index 00000000..d9123f99 --- /dev/null +++ b/css-cookbook/grid-wrapper.html @@ -0,0 +1,135 @@ + + + + + + CSS Cookbook: Grid Wrapper + + + + + + + +
+
+
+

This item aligns to a central “wrapper” – columns that have a maximum width.

+
+
+

This item aligns to the edge of the grid container.

+
+
+

This item aligns to the left edge of the grid container and the right edge of the wrapper.

+
+
+

This item aligns to the right edge of the “wrapper” columns.

+
+
+
+ + + + + + +
+ +
+ + + + \ No newline at end of file