title: Need help making 2 iframes reponsive
body: <p>So I'm kind of a noob and I put 2 iframes underneath each other and they look completely fine (picture)<a href="https://i.stack.imgur.com/vRS9v.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/vRS9v.jpg" alt="this is how it looks like without making the window smaller"></a> until I need them to be responsive when i make the window smaller. This is my code: </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id="fh5co-main"&gt;
  
    &lt;aside id="fh5co-hero" class="js-fullheight"&gt;
  
      &lt;iframe width="1520" height="500" src="https://www.youtube.com/embed/f4vA1y7-k_E" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen&gt;&lt;/iframe&gt;
  
      &lt;iframe frameborder="0" scrolling="no" id="chat_embed" src="https://www.twitch.tv/embed/hydro/chat" height="470" width="1520"&gt;
  &lt;/iframe&gt;
  
  &lt;/div&gt;
  &lt;/aside&gt;</code></pre>
  </div>
  </div>
  </p>