title: Is there a way to change the Iframe width vor the mobile and desktop view?
body: <p>I'm trying to style the iframe on my site with media query. Since the loaded form from the iframe is responsive and looks good in the desktop view, but it looks bad in the mobile view.</p>
  <p>If I set the iframe tag width directly to 700 it looks good on the desktop but doesn't fit on the mobile view.</p>
  <pre><code>&lt;iframe src=&quot;.....&quot; frameborder=&quot;0&quot; width=&quot;700&quot; height=&quot;950&quot;&gt;Your browser does not support embedded frames (iframes) &lt;a href=&quot;....&quot; target=&quot;_blank&quot;&gt;further&lt;/a&gt;&lt;/iframe&gt;
  </code></pre>
  <p>Update from my CSS:</p>
  <pre><code>@media screen and (max-width: 600px) {
    body {
      background-color: blue;
    }
  
   iframe {
     width: 700px;
   }
  }
  </code></pre>
  <p>Best regards</p>