fixing sizing of live example boxes on the order examples

chrisdavidmills · chrisdavidmills · commit 0bdbf22baffb · 2017-11-28T17:14:43.000Z
diff --git a/flexbox/order/negative-order.html b/flexbox/order/negative-order.html
@@ -27,11 +27,11 @@
     }
 
     textarea:nth-of-type(1) {
-      height: 80px
+      height: 160px
     }
 
     textarea:nth-of-type(2) {
-      height: 90px
+      height: 140px
     }
 
     .playable-buttons {
@@ -98,7 +98,7 @@
       <div><a href="#">5</a></div>
     </div>
   </section>
- 
+
   <textarea class="playable-css">
         .box {
           display: flex;
diff --git a/flexbox/order/order.html b/flexbox/order/order.html
@@ -26,11 +26,11 @@
     }
 
     textarea:nth-of-type(1) {
-      height: 80px
+      height: 160px
     }
 
     textarea:nth-of-type(2) {
-      height: 90px
+      height: 140px
     }
 
     .playable-buttons {
@@ -97,7 +97,7 @@
       <div><a href="#">5</a></div>
     </div>
   </section>
- 
+
   <textarea class="playable-css">
         .box {
           display: flex;
diff --git a/flexbox/order/usecase-order.html b/flexbox/order/usecase-order.html
@@ -27,11 +27,11 @@
     }
 
     textarea:nth-of-type(1) {
-      height: 80px
+      height: 160px
     }
 
     textarea:nth-of-type(2) {
-      height: 90px
+      height: 200px
     }
 
     .playable-buttons {
@@ -68,24 +68,25 @@
       padding: 10px;
     }
 
-    
+
 
 
   </style>
   <style class="editable">
 .card {
-    display: flex;
-    flex-direction: column; 
+  display: flex;
+  flex-direction: column;
 }
+
 .date {
-        order: -1;
-        text-align: right;
-    }
+    order: -1;
+    text-align: right;
+}
   </style>
 </head>
 
 <body>
-    
+
   <section>
     <div class="wrapper">
       <div class="card">
@@ -100,16 +101,16 @@ <h3>Another title</h3>
         </div>
     </div>
   </section>
- 
+
   <textarea class="playable-css">
         .card {
             display: flex;
-            flex-direction: column; 
+            flex-direction: column;
         }
         .date {
                 order: -1;
                 text-align: right;
-            }       
+            }
     </textarea>
   <textarea id="code" class="playable-html">
      <div class="wrapper">
@@ -123,7 +124,7 @@ <h3>Another title</h3>
             <div class="date">6 Nov 2017</div>
             <p>This is the content of my news item. Very newsworthy.</p>
         </div>
-    </div>    
+    </div>
   </textarea>
   <div class="playable-buttons">
     <input id="reset" type="button" value="Reset">

Original file line number	Diff line number	Diff line change
`@@ -27,11 +27,11 @@`
`27`	`27`	`}`
`28`	`28`
`29`	`29`	`textarea:nth-of-type(1) {`
`30`		`- height: 80px`
	`30`	`+ height: 160px`
`31`	`31`	`}`
`32`	`32`
`33`	`33`	`textarea:nth-of-type(2) {`
`34`		`- height: 90px`
	`34`	`+ height: 140px`
`35`	`35`	`}`
`36`	`36`
`37`	`37`	`.playable-buttons {`
`@@ -98,7 +98,7 @@`
`98`	`98`	`<div><a href="#">5</a></div>`
`99`	`99`	`</div>`
`100`	`100`	`</section>`
`101`		`-`
	`101`	`+`
`102`	`102`	`<textarea class="playable-css">`
`103`	`103`	`.box {`
`104`	`104`	`display: flex;`
Original file line number	Diff line number	Diff line change
`@@ -26,11 +26,11 @@`
`26`	`26`	`}`
`27`	`27`
`28`	`28`	`textarea:nth-of-type(1) {`
`29`		`- height: 80px`
	`29`	`+ height: 160px`
`30`	`30`	`}`
`31`	`31`
`32`	`32`	`textarea:nth-of-type(2) {`
`33`		`- height: 90px`
	`33`	`+ height: 140px`
`34`	`34`	`}`
`35`	`35`
`36`	`36`	`.playable-buttons {`
`@@ -97,7 +97,7 @@`
`97`	`97`	`<div><a href="#">5</a></div>`
`98`	`98`	`</div>`
`99`	`99`	`</section>`
`100`		`-`
	`100`	`+`
`101`	`101`	`<textarea class="playable-css">`
`102`	`102`	`.box {`
`103`	`103`	`display: flex;`