Update flexbox docs to reflect that align-items: stretch is the default, not flex...

diff --git a/docs/pages/flex-grid.md b/docs/pages/flex-grid.md
index 2219e8d49a7a2fa4d54feee67c0101deb40e6ba4..725c292d46b98048133d1793612b39edb748fa77 100644 (file)
--- a/docs/pages/flex-grid.md
+++ b/docs/pages/flex-grid.md
@@ -197,7 +197,7 @@ The horizontal alignment classes are shorthands for the `justify-content` CSS pr
 
 ### Vertical Alignment
 
-By default, all columns in a flex grid align to the top of their parent. This behavior can be changed with another set of alignment classes. That's right, *middle alignment in CSS*!
+By default, all columns in a flex grid stretch to be equal height. This behavior can be changed with another set of alignment classes. That's right, *middle alignment in CSS*!
 
 Your options for vertical alignment are `top`, `middle`, `bottom`, and `stretch`. Note that we use the word *middle* for vertical alignment, and *center* for horizontal alignment.
 

diff --git a/docs/pages/flexbox.md b/docs/pages/flexbox.md
index df6ca732298eda04f613e593149fa67ddf7606cf..3581a888c06ac6c956b43bd35eeff9f8e22b7a26 100644 (file)
--- a/docs/pages/flexbox.md
+++ b/docs/pages/flexbox.md
@@ -120,8 +120,9 @@ The horizontal alignment classes are shorthands for the `justify-content` CSS pr
 
 Vertical alignment can be applied to a flex parent—which will align all the children automatically—or to a flex child, which will align only that element.
 
-Top alignment is the default. To set parent alignment, use these classes:
+Stretch alignment is the default. To set parent alignment, use these classes:
 
+- `.align-top`
 - `.align-middle`
 - `.align-bottom`
 - `.align-stretch`