fixing items that were running too wide in the page

Author: rachelandrew

flexbox/wrapping/flex-grid.html

@@ -70,7 +70,7 @@
 
   <style class="editable">
     .box {
-        width: 600px;
+        width: 500px;
         display: flex;
         flex-wrap: wrap;
       }

flexbox/wrapping/gaps.html

@@ -71,7 +71,7 @@
   <style class="editable">
       .wrapper {
         border: 2px dotted rgb(96, 139, 168);
-        width: 600px;
+        width: 500px;
       }
     .box {
 

flexbox/wrapping/grid-example.html

@@ -62,7 +62,7 @@
     }
 
     .box {
-      width: 600px;
+      width: 500px;
       border: 2px dotted rgb(96, 139, 168);
     }
   </style>

flexbox/wrapping/row-reverse-wrap.html

@@ -62,7 +62,7 @@
     }
 
     .box {
-      width: 600px;
+      width: 500px;
       border: 2px dotted rgb(96, 139, 168);
     }
   </style>

flexbox/wrapping/row-wrap.html

@@ -62,7 +62,7 @@
     }
 
     .box {
-      width: 600px;
+      width: 500px;
       border: 2px dotted rgb(96, 139, 168);
     }
   </style>