How to make distance between points in svg at 100% screen?

Question

css

<svg width="100%" height="300px" style="background:yellow;">
  
  <polygon 
points=" 0 100, 0 0, 910 0, 910 100,440 160" 
style="fill: yellow; fill-opacity:1; stroke:red; stroke-width:3px;" /> 
  
</svg>

Let's say if you do this, then the distance between the points is fixed, but how to make them from 0 left to 0 right?
This is an example codepen.io/Geyan/pen/PzWEMo?editors=110

Answer 1

htmlbook.ru/css3-na-primerakh/lineinyi-gradient