title: clip-path width doesn't 100% width
body: <p><a href="https://i.stack.imgur.com/WI9pj.png" rel="noreferrer"><img src="https://i.stack.imgur.com/WI9pj.png" alt="enter image description here"></a></p>
  
  <p>Hello, I'm using slick slider and I want to clip-path  the container but the clip-path doesn't work well..</p>
  
  <p>this is my svg path</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 width="0" height="0"&gt;
      &lt;defs&gt;
          &lt;clipPath id="mask1"&gt;
              &lt;path id="curve" d="m242.6,393.7c-82.2,-4.7 -138.1,-15.4 -191.2,-36.6 -19.3,-7.7 -36.4,-16.1 -47.7,-23.5l-3.2,-2.1 -0,-71.5c-0,-39.3 -0.1,-113.9 -0.3,-165.8l-0.3,-94.2 371.1,0 371.1,0 0,152 0,152 -5.8,3.7c-7.8,5 -14.5,8.8 -23.4,13.4 -70.4,36.3 -187.2,62.5 -317.4,71.2 -28.6,1.9 -31.6,2 -91.2,1.9 -31,-0 -58.8,-0.2 -61.9,-0.4z"&gt;
              &lt;/path&gt;
          &lt;/clipPath&gt;
      &lt;/defs&gt;
  &lt;/svg&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>the slider works but the clip-path doesn't fit the 100% window..</p>
  
  <p>Thanks.. and sorry for my English..</p>