title: how to make svg responsive
body: <p>I'm trying to make this massive svg responsive. However, it's not working and I don't know why.</p>
  
  <p>I tried the following: - setting width: 100% height: auto (the diagram disappeared as soon as I removed the set width/height in pixel, regardless what i put back) - using the viewbox attribute as suggested by <a href="https://css-tricks.com/scale-svg/" rel="nofollow">https://css-tricks.com/scale-svg/</a></p>
  
  <p>Here's the code (yes, I know it's huge.  why I need to make it fit to 100% width): <a href="http://www.cssdesk.com/bsakG" rel="nofollow">http://www.cssdesk.com/bsakG</a></p>
  
  <p>Can someone give me some hint as to what I'm doing wrong? I tried many things suggested by other articles, but I seem to keep running into the same problem where if I get rid of the fixed height/width, the whole thing disappeared.</p>
  
  <p>(and yes I know this question may have been asked before, but none of the answers solved my problem)</p>