title: Why my SVG is responsive but occasionally?
body: <p>I've created a 1000×1000 <code>svg</code> , but when I am running it in <code>Chrome browser</code> , if viewport size is less than 1000 the <code>svg image</code> is cropped automatically, having said that, I am not witnessing this problem in <code>jsFiddle</code> ! I am curious if it has anything to do with viewport dimension?
  Take a look at what I'm trying:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;svg viewbox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"&gt;
    &lt;path d="M100 100 h800 v800 h-800 v-800" fill="black" stroke="red" stroke-width="8" style="  stroke-dasharray: 4000;
    stroke-dashoffset: 4000;
    animation: dash 2s linear forwards infinite;" /&gt;&lt;style&gt;@keyframes dash {
    to {
      stroke-dashoffset: 0;
    }
  }&lt;/style&gt;
    &lt;text x="120" y="200" fill="skyblue" style="font-size:30;"&gt;
  1: We do not endorse 'Aarogya Setu App'.
  &lt;tspan x="120" y="300"&gt;
  2: To use this App you have to share
  &lt;/tspan&gt;
  &lt;tspan x="120" y="400"&gt;
  your Name, Age, Sex, Location, Job and 
  &lt;/tspan&gt;
  &lt;tspan x="120" y="500"&gt;
  other details with govt authorities.
   &lt;/tspan&gt;
   &lt;tspan x="120" y="600"&gt;
  3: Also these details are transferred to
   &lt;/tspan&gt;
   &lt;tspan x="120" y="700"&gt;
  nearby devices, via bluetooth using an
   &lt;/tspan&gt;
   &lt;tspan x="120" y="800"&gt;
  encryption model, use only if you trust
   &lt;/tspan&gt;
   &lt;tspan x="120" y="870"&gt;
    your govt.
    &lt;/tspan&gt;
  &lt;/text&gt;
  &lt;/svg&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Here is <code>jsFiddle</code> link: <a href="https://jsfiddle.net/3fuh7ntj/" rel="nofollow noreferrer">https://jsfiddle.net/3fuh7ntj/</a>
  To see above <code>svg</code> in your browser, click here: <a href="https://covidnmap.000webhostapp.com/graphics.svg" rel="nofollow noreferrer">https://covidnmap.000webhostapp.com/graphics.svg</a></p>