title: SCSS / CSS responsive curved border
body: <p>I am trying to make a responsive curved border with scss / css (using ionic 3) for an android app and is meant to look something like this: </p>
  
  <p><br>
  <a href="https://i.stack.imgur.com/7YmE9.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/7YmE9.png" alt="What the border is meant to look like"></a></p>
  
  <p>PS: it would also be really nice if the curved section can be easily resized to any height.</p>