fixing text box heights on flexbox alignmewnt examples

Author: chrisdavidmills

flexbox/alignment/align-content-column.html

@@ -26,11 +26,11 @@
     }
 
     textarea:nth-of-type(1) {
-      height: 80px
+      height: 140px
     }
 
     textarea:nth-of-type(2) {
-      height: 160px
+      height: 170px
     }
 
     .playable-buttons {
@@ -65,7 +65,7 @@
       border-radius: 5px;
       background-color: rgba(96, 139, 168, .2);
       flex:1 1 100px;
-    
+
     }
   </style>
   <style class="editable">
@@ -77,7 +77,7 @@
       height: 400px;
       align-content: space-between;
     }
-    
+
   </style>
 </head>
 

flexbox/alignment/align-content.html

@@ -26,11 +26,11 @@
     }
 
     textarea:nth-of-type(1) {
-      height: 80px
+      height: 120px
     }
 
     textarea:nth-of-type(2) {
-      height: 160px
+      height: 170px
     }
 
     .playable-buttons {
@@ -66,7 +66,7 @@
       border-radius: 5px;
       background-color: rgba(96, 139, 168, .2);
       flex:1 1 100px;
-    
+
     }
   </style>
   <style class="editable">
@@ -76,7 +76,7 @@
       height: 400px;
       align-content: space-between;
     }
-    
+
   </style>
 </head>
 

flexbox/alignment/align-self-column.html

@@ -26,11 +26,11 @@
     }
 
     textarea:nth-of-type(1) {
-      height: 80px
+      height: 200px
     }
 
     textarea:nth-of-type(2) {
-      height: 160px
+      height: 120px
     }
 
     .playable-buttons {

flexbox/alignment/align-self.html

@@ -26,11 +26,11 @@
     }
 
     textarea:nth-of-type(1) {
-      height: 80px
+      height: 180px
     }
 
     textarea:nth-of-type(2) {
-      height: 160px
+      height: 120px
     }
 
     .playable-buttons {

flexbox/alignment/auto-margins.html

@@ -26,11 +26,11 @@
     }
 
     textarea:nth-of-type(1) {
-      height: 80px
+      height: 110px
     }
 
     textarea:nth-of-type(2) {
-      height: 160px
+      height: 140px
     }
 
     .playable-buttons {

flexbox/alignment/intro.html

@@ -26,11 +26,11 @@
     }
 
     textarea:nth-of-type(1) {
-      height: 80px
+      height: 90px
     }
 
     textarea:nth-of-type(2) {
-      height: 160px
+      height: 80px
     }
 
     .playable-buttons {

flexbox/alignment/justify-content-column.html

@@ -26,11 +26,11 @@
     }
 
     textarea:nth-of-type(1) {
-      height: 80px
+      height: 110px
     }
 
     textarea:nth-of-type(2) {
-      height: 160px
+      height: 120px
     }
 
     .playable-buttons {

flexbox/alignment/justify-content-reverse.html

@@ -26,11 +26,11 @@
     }
 
     textarea:nth-of-type(1) {
-      height: 80px
+      height: 100px
     }
 
     textarea:nth-of-type(2) {
-      height: 160px
+      height: 120px
     }
 
     .playable-buttons {

flexbox/alignment/justify-content-writing-mode.html

@@ -26,11 +26,11 @@
     }
 
     textarea:nth-of-type(1) {
-      height: 80px
+      height: 100px
     }
 
     textarea:nth-of-type(2) {
-      height: 160px
+      height: 120px
     }
 
     .playable-buttons {
@@ -58,7 +58,7 @@
     .box {
       width: 500px;
       border: 2px dotted rgb(96, 139, 168);
-     
+
     }
 
     .box>* {