updating sizing on flexbox examples

Author: chrisdavidmills

flexbox/basics/flex-shorthands.html

@@ -13,7 +13,8 @@
     }
 
     textarea {
-      height: 160px;
+      display: block;
+      margin-bottom: 10px;
       background-color: #F4F7F8;
       border: none;
       border-left: 6px solid #558ABB;
@@ -24,6 +25,14 @@
       font-size: 90%;
     }
 
+    textarea:nth-of-type(1) {
+      height: 120px
+    }
+
+    textarea:nth-of-type(2) {
+      height: 90px
+    }
+
     .playable-buttons {
       text-align: right;
       width: 90%;
@@ -82,7 +91,7 @@
       .box {
         display: flex;
       }
-  
+
       .box>* {
         flex: 1;
       }
@@ -123,4 +132,4 @@
   window.addEventListener('load', fillCode);
 </script>
 
-</html>
+</html>