diff --git a/src/less/components/layout.less b/src/less/components/layout.less
index 8bfed0a4..28582a26 100644
--- a/src/less/components/layout.less
+++ b/src/less/components/layout.less
@@ -8,6 +8,7 @@
 // (`.col-md-9` and `.col-md-3`).
 //
 // Markup:
+// <p><strong>Right sidebar:</strong></p>
 // <div class="row">
 //     <div class="content">
 //         <p class="kss__example-box">This is the content.</p>
@@ -16,6 +17,24 @@
 //         <p class="kss__example-box">And I am sidebar!</p>
 //     </div>
 // </div><!-- .row -->
+// <p><strong>Left sidebar:</strong></p>
+// <div class="row">
+//     <div class="sidebar">
+//         <p class="kss__example-box">I am sidebar!</p>
+//     </div>
+//     <div class="content">
+//         <p class="kss__example-box">This is the content.</p>
+//     </div>
+// </div><!-- .row -->
+// <p><strong>Reverse column order:</strong></p>
+// <div class="row row-reverse">
+//     <div class="sidebar">
+//         <p class="kss__example-box">I am sidebar that is (on the) right and goes mobile first!</p>
+//     </div>
+//     <div class="content">
+//         <p class="kss__example-box">This is the content.</p>
+//     </div>
+// </div><!-- .row -->
 //
 // Styleguide 2.1