Add callout in docs/pages/grid.md

diff --git a/docs/pages/grid.md b/docs/pages/grid.md
index cfedd4e94db48e85d8b6425cf03a8e84e0f5f05c..18ef382fbb6171659f347932415fc0492c16f655 100644 (file)
--- a/docs/pages/grid.md
+++ b/docs/pages/grid.md
@@ -10,10 +10,15 @@ tags:
 
 ## Basics
 
-Start by adding an element with a class of `.row`. This will create a horizontal block to contain vertical columns. Then add elements with a `.column` class within that row. You can use `.column` or its <a href="http://localhost:3000/grid.html#sass-reference">alias</a> `.columns`&mdash;the only difference is grammar. Specify the widths of each column with the `.small-#`, `.medium-#`, and `.large-#` classes.
+Start by adding an element with a class of `.row`. This will create a horizontal block to contain vertical columns. Then add elements with a `.column` class within that row. Specify the widths of each column with the `.small-#`, `.medium-#`, and `.large-#` classes.
 
 **Foundation is mobile-first.** Code for small screens first, and larger devices will inherit those styles. Customize for larger screens as necessary.
 
+<div class="warning callout">
+  <p>By defaut `.column` have an <a href="http://localhost:3000/grid.html#sass-reference">alias</a> `.columns`&mdash;the only difference is grammar.</p>
+  <p>Disabling the alias can reduce the Foundation CSS file size from 3 to 5%. It is recommended if the alias is not used.</p>
+</div>
+
 ```html
 <div class="row">
   <div class="small-2 large-4 columns"><!-- ... --></div>