From: harry <harmanmanchanda182@gmail.com>
Date: Wed, 21 Jun 2017 20:01:36 +0000 (+0530)
Subject: Update Align self with new example!
X-Git-Tag: v6.4.0-rc5~6^2~3
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=cfab7c2ef3ff2c26c81ffeaa6acab4ae0ea90dc5;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

Update Align self with new example!
---

diff --git a/docs/pages/flexbox-utilities.md b/docs/pages/flexbox-utilities.md
index 361c674ae..989582c9a 100644
--- a/docs/pages/flexbox-utilities.md
+++ b/docs/pages/flexbox-utilities.md
@@ -131,10 +131,10 @@ To align an individual child, use the below classes. They use the same alignment
 </div>
 
 ```html_example
-<div class="row">
-  <div class="column align-self-bottom">Align bottom</div>
-  <div class="column align-self-middle">Align middle</div>
-  <div class="column align-self-top">Align top. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Non harum laborum cum voluptate vel, eius adipisci similique dignissimos nobis at excepturi incidunt fugit molestiae quaerat, consequuntur porro temporibus. Nisi, ex?</div>
+<div class="grid-x grid-padding-x">
+  <div class="cell small-4 align-self-bottom"><div class="demo">Align bottom</div></div>
+  <div class="cell small-4 align-self-middle"><div class="demo">Align middle</div></div>
+  <div class="cell small-4 align-self-top"><div class="demo">Align top. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Non harum laborum cum voluptate vel, eius adipisci similique dignissimos nobis at excepturi incidunt fugit molestiae quaerat, consequuntur porro temporibus. Nisi, ex?</div></div>
 </div>
 ```