From: Daryl Fritz <darylfritz@gmail.com>
Date: Thu, 27 Sep 2018 18:25:10 +0000 (-0400)
Subject: Match multiple-breakpoint-example to the code
X-Git-Tag: 0.7.2~40
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=3bf01fe314c4c5176ff86835c593b90c44f3a5cd;p=thirdparty%2Fbulma.git

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.
---

diff --git a/docs/documentation/columns/responsiveness.html b/docs/documentation/columns/responsiveness.html
index b04f1e224..bff2dd803 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>