Update migration.md

updates to match v2 migration

diff --git a/migration.md b/migration.md
index bce048edc6064539703c6bf3e552e443f4098b27..330ba8a5de7b5db2772536e843cd6a24f1f72c7b 100644 (file)
--- a/migration.md
+++ b/migration.md
@@ -361,9 +361,37 @@ Version 2 (CSS version)
 Version 2 (Inky markup)
 
 ```
-Work in progress - issue [188](https://github.com/zurb/foundation-emails/issues/188)
+<row>
+  <columns small="6">
+    <p>One Word</p>
+  </columns>
+  <columns small="6">
+    <callout class="secondary">
+      <p>2sdafkhasdfkjhas dkfjh askdjfh askjdhf aksjdhf aksjdhf kajshdf</p>
+    </callout>
+  </columns>
+</row>
+
+<callout class="primary">
+  <row>
+    <columns small="12">
+
+      <row>
+        <columns small="6">
+          <p>One Word</p>
+        </columns>
+        <columns small="6">
+          <p>2sdafkhasdfkjhas dkfjh askdjfh askjdhf aksjdhf aksjdhf kajshdf</p>
+        </columns>
+      </row>
+
+    </columns>
+  </row>
+</callout>
 ```
 
+Callouts used to only be applicable to a `<td>`. In Foundation for Emails 2, you can wrap a callout around a `<row>` or the content inside a `<column>`.
+
 ***
 ## NEW
 ***
@@ -373,11 +401,31 @@ Work in progress - issue [188](https://github.com/zurb/foundation-emails/issues/
 Version 2 (CSS version)
 
 ```
-<table class="menu">
+<table class="container">
   <tr>
-    <td><a href="one.html">Item One</a></td>
-    <td><a href="one.html">Item Two</a></td>
-    <td><a href="one.html">Item Three</a></td>
+    <td>     
+
+      <table class="menu">
+        <tr>
+          <td>
+            <table>
+              <tr>
+                <th class="menu-item">
+                  <a href="http://google.com">Nav 1</a>
+                </th>
+                <th class="menu-item">
+                  <a href="http://google.com">Nav 2</a>
+                </th>
+                <th class="menu-item">
+                  <a href="http://google.com">Nav 3</a>
+                </th>
+              </tr>
+            </table>
+          </td>
+        </tr>
+      </table>
+
+    </td>
   </tr>
 </table>
 ```