Docs: tutorial vizzu can shrink.

Author: simzer

docs/generator/index.in.html

@@ -62,7 +62,7 @@
 
 			<div id="page-0" class="page">
 				<div id='vizzu-view'>
-					<div id='vizzu-canvas'></div>
+					<canvas id='vizzu-canvas'></canvas>
 				</div>
 				<div id='content'></div>
 			</div>

docs/style/tutorial.css

@@ -46,7 +46,7 @@ th {
 
 #vizzu-view {
 	width: 100%;
-	height: 260px;
+	height: calc( min(100vw,480px) / 480 * 260);
 	overflow: none;
 	display: block;
 	position: sticky;
@@ -121,8 +121,9 @@ th {
 }
 
 #vizzu-canvas {
-	width: 480px;
-	height: 260px;
+	width: 100vw;
+	max-width: 480px;
+	height: calc( min(100vw,480px) / 480 * 260);
 	background-color: #fff;
 	z-index: 100;
 	filter: drop-shadow(0 2px 4px #e0dcda);