title: creating a responsive skewed background with css
body: <p>I'm trying to create a skewed background on my website. The blocks will all have a skewed top and bottom line (like a parallelogram).</p>
  
  <p><a href="https://i.stack.imgur.com/o4vLl.png" rel="nofollow noreferrer">design example</a></p>
  
  <p>Tried using css: </p>
  
  <pre><code>transform: skewY(-30deg);
  </code></pre>
  
  <p>but it's not working responsively. Any thoughts on a good practice?</p>