Replaced Main content and sidebar percentages with each other

Main content should be obviously bigger than the sidebar ofcourse!

diff --git a/docs/pages/grid.md b/docs/pages/grid.md
index e24d1eb266921ff2ebc63f05fd4ca7426cc6578c..07db7e7b06838b2819350f0f05d8e1deb8a7cf29 100644 (file)
--- a/docs/pages/grid.md
+++ b/docs/pages/grid.md
@@ -614,13 +614,13 @@ In this example, the grid is 16 columns instead of the normal 12. Any references
 .container {
   @include grid-row(16) {
     .main-content {
-      // 5/16 = 31.25%
-      @include grid-column(5);
+      // 11/16 = 68.75%
+      @include grid-column(11);
     }
 
     .sidebar {
-      // 11/16 = 68.75%
-      @include grid-column(11);
+      // 5/16 = 31.25%
+      @include grid-column(5);
     }
   }
 }