columns instead of table

Author: lindalu-MSFT

docs/overview/core-concepts-office-add-ins.md

@@ -22,7 +22,53 @@ For any add-in you build, you need to understand the following concepts.
 
 For the best foundation for these common features and application-specific implementations, review the documentation listed in the following table.
 
-|                 |                |
+:::row:::
+   :::column span="2":::
+       :::image type="icon" source="../images/i_best-practices_small.svg":::
+   :::column-end:::
+   :::column span="":::
+       **Plan**</br>
+       [Learn the best practices and system requirements for Office Add-ins.](../concepts/add-in-development-best-practices.md)
+   :::column-end:::
+:::row-end:::
+:::row:::
+   :::column span="2":::
+       :::image type="icon" source="../images/i_code-blocks_small.svg":::
+   :::column-end:::
+   :::column span="":::
+       **Develop**</br>
+       [Learn the APIs and patterns to develop Office Add-ins.](../develop/develop-overview.md)
+   :::column-end:::
+:::row-end:::
+:::row:::
+   :::column span="2":::
+       :::image type="icon" source="../images/i_recommended-testing_small.svg":::
+   :::column-end:::
+   :::column span="":::
+       **Test and debug**</br>
+       [Learn how to test and debug Office Add-ins.](../testing/test-debug-office-add-ins.md)
+   :::column-end:::
+:::row-end:::
+:::row:::
+   :::column span="2":::
+       :::image type="icon" source="../images/i_deploy_small.svg":::
+   :::column-end:::
+   :::column span="":::
+       **Publish**</br>
+       [Learn how to deploy and publish Office Add-ins.](../publish/publish.md)
+   :::column-end:::
+:::row-end:::
+v:::row:::
+   :::column span="2":::
+       :::image type="icon" source="../images/i_reference_small.svg":::
+   :::column-end:::
+   :::column span="":::
+       **Reference**</br>
+       [View the reference documentation for the Office JavaScript APIs, the add-ins manifest, error code lists, and more.](../reference/javascript-api-for-office.md)
+   :::column-end:::
+:::row-end:::
+
+| Table               |                |
 | :---------------| :------------- |
 | :::image type="icon" source="../images/i_best-practices_small.svg"::: |**Plan**</br>[Learn the best practices and system requirements for Office Add-ins.](../concepts/add-in-development-best-practices.md) |
 | :::image type="icon" source="../images/i_code-blocks_small.svg"::: |**Develop**</br>[Learn the APIs and patterns to develop Office Add-ins.](../develop/develop-overview.md) |