From 3bf01fe314c4c5176ff86835c593b90c44f3a5cd Mon Sep 17 00:00:00 2001
From: Daryl Fritz <darylfritz@gmail.com>
Date: Thu, 27 Sep 2018 14:25:10 -0400
Subject: [PATCH] Match multiple-breakpoint-example to the code

The example code that a user copies doesn't match the code that runs in the browser. This is confusing for new users and fails to demonstrate the actual library.
---
 .../documentation/columns/responsiveness.html | 28 +++++++++++--------
 1 file changed, 16 insertions(+), 12 deletions(-)

diff --git a/docs/documentation/columns/responsiveness.html b/docs/documentation/columns/responsiveness.html
index b04f1e22..bff2dd80 100644
--- a/docs/documentation/columns/responsiveness.html
+++ b/docs/documentation/columns/responsiveness.html
@@ -33,12 +33,14 @@ breadcrumb:
   <div class="column is-three-quarters-mobile is-two-thirds-tablet is-half-desktop is-one-third-widescreen is-one-quarter-fullhd">
     <code>is-three-quarters-mobile</code><br>
     <code>is-two-thirds-tablet</code><br>
-    <code>is-half-desktop</code>
-    <code>is-one-third-widescreen</code>
+    <code>is-half-desktop</code><br>
+    <code>is-one-third-widescreen</code><br>
     <code>is-one-quarter-fullhd</code>
   </div>
-  <div class="column">1</div>
-  <div class="column">1</div>
+  <div class="column">2</div>
+  <div class="column">3</div>
+  <div class="column">4</div>
+  <div class="column">5</div>
 </div>
 {% endcapture %}
 
@@ -108,24 +110,26 @@ breadcrumb:
 </div>
 
 <div class="columns is-mobile">
-  <div class="column is-half-mobile is-one-third-tablet is-one-quarter-desktop">
+  <div class="column is-three-quarters-mobile is-two-thirds-tablet is-half-desktop is-one-third-widescreen is-one-quarter-fullhd">
     <p class="bd-notification is-primary">
-      <code>is-half-mobile</code><br>
-      <code>is-one-third-tablet</code><br>
-      <code>is-one-quarter-desktop</code>
+      <code>is-three-quarters-mobile</code><br>
+      <code>is-two-thirds-tablet</code><br>
+      <code>is-half-desktop</code><br>
+      <code>is-one-third-widescreen</code><br>
+      <code>is-one-quarter-fullhd</code><br>
     </p>
   </div>
   <div class="column">
-    <p class="bd-notification is-primary">1</p>
+    <p class="bd-notification is-primary">2</p>
   </div>
   <div class="column">
-    <p class="bd-notification is-primary">1</p>
+    <p class="bd-notification is-primary">3</p>
   </div>
   <div class="column">
-    <p class="bd-notification is-primary">1</p>
+    <p class="bd-notification is-primary">4</p>
   </div>
   <div class="column">
-    <p class="bd-notification is-primary">1</p>
+    <p class="bd-notification is-primary">5</p>
   </div>
 </div>