Update other examples

Author: OnkarRuikar

learn/overflow/auto.html

@@ -11,7 +11,7 @@
     <style class="editable">
       .box {
         border: 1px solid #333333;
-        width: 200px;
+        width: 350px;
         height: 100px;
         overflow: auto;
       }
@@ -26,7 +26,7 @@
     <textarea class="playable playable-css" style="height: 120px;">
 .box {
   border: 1px solid #333333;
-  width: 200px;
+  width: 350px;
   height: 100px;
   overflow: auto;
 }

learn/overflow/hidden.html

@@ -11,7 +11,7 @@
     <style class="editable">
       .box {
         border: 1px solid #333333;
-        width: 200px;
+        width: 350px;
         height: 100px;
         overflow: hidden;
       }
@@ -26,7 +26,7 @@
     <textarea class="playable playable-css" style="height: 120px;">
 .box {
   border: 1px solid #333333;
-  width: 200px;
+  width: 350px;
   height: 100px;
   overflow: hidden;
 }

learn/overflow/scroll-y.html

@@ -11,7 +11,7 @@
     <style class="editable">
       .box {
         border: 1px solid #333333;
-        width: 200px;
+        width: 350px;
         height: 100px;
         overflow-y: scroll;
       }
@@ -26,7 +26,7 @@
     <textarea class="playable playable-css" style="height: 120px;">
 .box {
   border: 1px solid #333333;
-  width: 200px;
+  width: 350px;
   height: 100px;
   overflow-y: scroll;
 }

learn/overflow/scroll.html

@@ -11,7 +11,7 @@
     <style class="editable">
       .box {
         border: 1px solid #333333;
-        width: 200px;
+        width: 350px;
         height: 100px;
         overflow: scroll;
       }
@@ -26,7 +26,7 @@
     <textarea class="playable playable-css" style="height: 120px;">
 .box {
   border: 1px solid #333333;
-  width: 200px;
+  width: 350px;
   height: 100px;
   overflow: scroll;
 }