title: Make content in divs responsive
body: <p>I have players from soundcloud fit into a custom border on my website. The players are usually responsive, but the coding that was used to keep it inside the border is blocking it. I don't want to advise people to turn their phone so the players fit, so I'm trying to make all my content responsive with codes or a plugins and keep reaching dead ends</p>
  
  <p>A link to a page with the border and player can be found <a href="http://www.dontcursekids.com/tunes" rel="nofollow noreferrer">here</a>.</p>
  
  <p>On mobile when the phone is held in portrait view, the player stretches past the screen.</p>
  
  <p>I changed the height and the width in the iframe_outer of the soundcloud player HTML to auto. I'm pleased to say that it made the border and the player responsive. However, the border doesn't fit the player on any screen. Also the player and border stretches when on a large screen.</p>