title: making nested content take up full width
body: <pre><code>.video-responsive {
  width: 100%,
  height: auto
  }
  
  </code></pre>
  <p>I have a react card which only has a title and a youtube iframe video embeded inside of it. I want the video to take full width and height without the card's limits interfering with it.</p>
  <p><a href="https://i.stack.imgur.com/ZUbuy.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ZUbuy.png" alt="result" /></a></p>