Reordered text

2kool2 · Dec 18, 2016 · 1f5e0ab · 1f5e0ab
1 parent 930aa5c
commit 1f5e0ab
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 14 deletions.
diff --git a/README.md b/README.md
@@ -21,12 +21,6 @@ The ``` min-height ``` value is equal to the tallest elements height and is reca
 <br>
 ##Basic usage
 
-Include a link to the script:
-
-```html
-<script src="js/matchHeights.1.0.min.js"></script>
-```
-
 Add data attributes to the elements:
 
 ```html
@@ -37,6 +31,12 @@ Add data attributes to the elements:
 <div data-matchHeights="A">Yada, yada, yada. Yada, yada, yada. Yada, yada, yada.</div>
 ```
 
+Include a link to the script:
+
+```html
+<script src="js/matchHeights.1.0.min.js"></script>
+```
+
 <br>
 ##Browser support
 

diff --git a/index.html b/index.html
@@ -47,25 +47,25 @@ <h2>How it works</h2>
 
 <h2>Basic usage</h2>
 
-<p>Include a link to the script:</p>
+<p>Add data attributes to the elements:</p>
 
 <figure>
   <figcaption class=visually-hidden>Language HTML</figcaption>
   <pre><code class=language-css>
-&lt;script src="js/matchHeights.1.0.min.js">&lt;/script>
+&lt;div data-matchHeights="Y">Yada, yada, yada.&lt;/div>
+&hellip;
+&lt;div data-matchHeights="Y">Yada.&lt;/div>
+&hellip;
+&lt;div data-matchHeights="Y">Yada, yada, yada. Yada, yada, yada. Yada, yada, yada.&lt;/div>
   </code></pre>
 </figure>
 
-<p>Add data attributes to the elements:</p>
+<p>Include a link to the script:</p>
 
 <figure>
   <figcaption class=visually-hidden>Language HTML</figcaption>
   <pre><code class=language-css>
-&lt;div data-matchHeights="Y">Yada, yada, yada.&lt;/div>
-&hellip;
-&lt;div data-matchHeights="Y">Yada.&lt;/div>
-&hellip;
-&lt;div data-matchHeights="Y">Yada, yada, yada. Yada, yada, yada. Yada, yada, yada.&lt;/div>
+&lt;script src="js/matchHeights.1.0.min.js">&lt;/script>
   </code></pre>
 </figure>