diff --git a/docs/layout/flexbox-grid.md b/docs/layout/flexbox-grid.md index 4ccd37f486..00097c3cd5 100644 --- a/docs/layout/flexbox-grid.md +++ b/docs/layout/flexbox-grid.md @@ -69,3 +69,65 @@ Auto-layout for flexbox grid columns also means you can set the width of one col {% endexample %} + +## Vertical alignment + +Use the flexbox alignment utilities to vertically align columns. + +
+{% example html %} +
+
+
+ One of three columns +
+
+ One of three columns +
+
+ One of three columns +
+
+
+
+ One of three columns +
+
+ One of three columns +
+
+ One of three columns +
+
+
+
+ One of three columns +
+
+ One of three columns +
+
+ One of three columns +
+
+
+{% endexample %} +
+ +
+{% example html %} +
+
+
+ One of three columns +
+
+ One of three columns +
+
+ One of three columns +
+
+
+{% endexample %} +