title: Oblique div not properly transforming?
body: <p>I have an oblique div created with   transform: skewY(-10deg);
  But i can't center it on the top of the page with the instruction top:%.</p>
  
  <p>It is not working responsively.</p>
  
  <p>How do I get this to work?</p>
  
  <p>With top:0 and left:0:</p>
  
  <p><a href="https://i.stack.imgur.com/7qa5E.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/7qa5E.png" alt="enter image description here"></a></p>
  
  <p>With top:-135px:</p>
  
  <p><a href="https://i.stack.imgur.com/Q9IXI.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Q9IXI.png" alt="enter image description here"></a></p>