Update container snippets

eonarheim · eonarheim · commit 8a79d0e1acc7 · 2021-11-02T08:53:24.000-05:00
diff --git a/src/displaymode/fillcontainer/index.html b/src/displaymode/fillcontainer/index.html
@@ -10,9 +10,12 @@
             display: flex;
             justify-content: center;
         }
+
+        .snippet-resizer { display:flex; margin:0; padding:0; resize:both; overflow:hidden }
+        .snippet-resizer > .snippet-resized { flex-grow:1; margin:0; padding:0; border:0 }
         /* start-snippet{container-css} */
         .container {
-            border: red dashed;
+            border: red 4px dashed;
             width: 50%;
             height: 300px;
         }
@@ -21,7 +24,7 @@
 </head>
 <body>
     <!-- start-snippet{container-html} -->
-    <div class="container">
+    <div class="container snippet-resizer">
         <canvas id="game"></canvas>
     </div>
     <!-- end-snippet{container-html} -->
diff --git a/src/displaymode/fitcontainer/index.html b/src/displaymode/fitcontainer/index.html
@@ -10,6 +10,10 @@
             display: flex;
             justify-content: center;
         }
+        
+        .snippet-resizer { display:flex; margin:0; padding:0; resize:both; overflow:hidden }
+        .snippet-resizer > .snippet-resized { flex-grow:1; margin:0; padding:0; border:0 }
+
         /* start-snippet{container-css} */
         .container {
             /* Flexbox used to center game */
@@ -18,7 +22,7 @@
             align-items: center;
 
             /* Container size with border */
-            border: red dashed;
+            border: red 4px dashed;
             width: 50%;
             height: 300px;
         }
@@ -27,7 +31,7 @@
 </head>
 <body>
     <!-- start-snippet{container-html} -->
-    <div class="container">
+    <div class="container snippet-resizer">
         <canvas id="game"></canvas>
     </div>
     <!-- end-snippet{container-html} -->
