fixing sizing on ratio examples

chrisdavidmills · chrisdavidmills · commit d075c528eeb8 · 2017-11-28T19:54:42.000Z
diff --git a/flexbox/ratios/flex-basis.html b/flexbox/ratios/flex-basis.html
@@ -26,7 +26,7 @@
     }
 
     textarea:nth-of-type(1) {
-      height: 240px
+      height: 180px
     }
 
     textarea:nth-of-type(2) {
@@ -81,7 +81,7 @@
           flex: 0 0 auto;
       }
 
-      
+
   </style>
 </head>
 
diff --git a/flexbox/ratios/flex-grow-ratios.html b/flexbox/ratios/flex-grow-ratios.html
@@ -68,7 +68,7 @@
     }
   </style>
 
-  <style class="editable">
+<style class="editable">
       .box {
         display: flex;
       }
@@ -84,8 +84,6 @@
       .three {
           flex: 2 1 0;
       }
-
-      
   </style>
 </head>
 
diff --git a/flexbox/ratios/flex-grow.html b/flexbox/ratios/flex-grow.html
@@ -26,7 +26,7 @@
     }
 
     textarea:nth-of-type(1) {
-      height: 240px
+      height: 140px
     }
 
     textarea:nth-of-type(2) {
@@ -77,7 +77,7 @@
           flex: 1 1 0;
       }
 
-      
+
   </style>
 </head>
 
diff --git a/flexbox/ratios/flex-shrink-min-content.html b/flexbox/ratios/flex-shrink-min-content.html
@@ -26,7 +26,7 @@
     }
 
     textarea:nth-of-type(1) {
-      height: 240px
+      height: 160px
     }
 
     textarea:nth-of-type(2) {
@@ -77,7 +77,7 @@
           flex: 1 1 auto;
       }
 
-      
+
   </style>
 </head>
 
diff --git a/flexbox/ratios/flex-shrink-ratios.html b/flexbox/ratios/flex-shrink-ratios.html
@@ -26,7 +26,7 @@
     }
 
     textarea:nth-of-type(1) {
-      height: 240px
+      height: 300px
     }
 
     textarea:nth-of-type(2) {
@@ -89,7 +89,7 @@
           flex: 1 4 auto;
       }
 
-      
+
   </style>
 </head>
 
diff --git a/flexbox/ratios/flex-shrink.html b/flexbox/ratios/flex-shrink.html
@@ -26,7 +26,7 @@
     }
 
     textarea:nth-of-type(1) {
-      height: 240px
+      height: 160px
     }
 
     textarea:nth-of-type(2) {
@@ -78,7 +78,7 @@
           width:200px;
       }
 
-      
+
   </style>
 </head>
 
diff --git a/flexbox/ratios/min-max-content.html b/flexbox/ratios/min-max-content.html
@@ -26,11 +26,11 @@
     }
 
     textarea:nth-of-type(1) {
-      height: 240px
+      height: 150px
     }
 
     textarea:nth-of-type(2) {
-      height: 90px
+      height: 110px
     }
 
     .playable-buttons {
@@ -55,9 +55,9 @@
       margin: 5px;
     }
 
-   
 
-    
+
+
   </style>
 
   <style class="editable">
@@ -70,16 +70,16 @@
         border: 2px dotted rgb(96, 139, 168);
       }
 
-      
+
   </style>
 </head>
 
 <body>
   <section>
-    
+
       <p class="min-content">I am sized with min-content and so I will take all of the soft-wrapping opportunities.</p>
       <p class="max-content">I am sized with max-content and so I will take none of the soft-wrapping opportunities.</p>
-   
+
   </section>
   <textarea class="playable-css">
         .min-content {
@@ -92,10 +92,10 @@
         }
   </textarea>
   <textarea id="code" class="playable-html">
-      
+
             <p class="min-content">I am sized with min-content and so I will take all of the soft-wrapping opportunities.</p>
             <p class="max-content">I am sized with max-content and so I will take none of the soft-wrapping opportunities.</p>
-      
+
     </textarea>
   <div class="playable-buttons">
     <input id="reset" type="button" value="Reset">

Original file line number	Diff line number	Diff line change
`@@ -26,7 +26,7 @@`
`26`	`26`	`}`
`27`	`27`
`28`	`28`	`textarea:nth-of-type(1) {`
`29`		`- height: 240px`
	`29`	`+ height: 180px`
`30`	`30`	`}`
`31`	`31`
`32`	`32`	`textarea:nth-of-type(2) {`
`@@ -81,7 +81,7 @@`
`81`	`81`	`flex: 0 0 auto;`
`82`	`82`	`}`
`83`	`83`
`84`		`-`
	`84`	`+`
`85`	`85`	`</style>`
`86`	`86`	`</head>`
`87`	`87`
Original file line number	Diff line number	Diff line change
`@@ -68,7 +68,7 @@`
`68`	`68`	`}`
`69`	`69`	`</style>`
`70`	`70`
`71`		`- <style class="editable">`
	`71`	`+<style class="editable">`
`72`	`72`	`.box {`
`73`	`73`	`display: flex;`
`74`	`74`	`}`
`@@ -84,8 +84,6 @@`
`84`	`84`	`.three {`
`85`	`85`	`flex: 2 1 0;`
`86`	`86`	`}`
`87`		`-`
`88`		`-`
`89`	`87`	`</style>`
`90`	`88`	`</head>`
`91`	`89`