Merge pull request carbon-design-system#207 from carbon-design-system…

…/shixie-FAQ-3col-layout-guide doc(FAQ): guidance to layout 3 column content on 2x grid
designertyler · Aug 29, 2019 · bf4bb39 · bf4bb39
2 parents 5fa3f60 + 2ba87bd
commit bf4bb39
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/src/pages/help/faq/images/3col-layouts.png b/src/pages/help/faq/images/3col-layouts.png
diff --git a/src/pages/help/faq/index.mdx b/src/pages/help/faq/index.mdx
@@ -93,3 +93,15 @@ Carbon v9.x
 Carbon charts are in development and classified as experimental. Check out the [experimental charts repo](https://carbon-design-system.github.io/carbon-charts/?experimental=true) to explore the work so far.
 
 These charts will receive an updated color palette to match Carbon v10. Visual guidance and chart components are also in the works!
+
+### How do I migrate an existing design from a 12 column grid to the 16 column grid?
+
+There are many ways to move content from a 12 column grid onto a 16 column grid. If keeping the number of columns unchanged is not important to you, see below examples.
+
+<Video vimeoId="356743483" />
+<Video vimeoId="356743492" />
+<Video vimeoId="356743508" />
+
+If keeping the number of columns to 3 is essential, here are some other options.
+
+![3 col layouts on Duo grid](images/3col-layouts.png)