Make banner ads responsive <p>Friends! I am working on adding banner ads to my website, the html that I have added to display banner is on <a href="https://jsfiddle.net/1r1kydjz/2/" rel="nofollow">https://jsfiddle.net/1r1kydjz/2/</a></p> <pre><code>&lt;div data-wrid="WRID-145664652759935473" data-widgettype="staticBanner" data-responsive="yes" data-class="affiliateAdsByFlipkart" height="90" width="728" style="text-align:center;"&gt;&lt;/div&gt; &lt;script async src="//affiliate.flipkart.com/affiliate/widgets/FKAffiliateWidgets.js"&gt;&lt;/script&gt; </code></pre> <p>The problem that I am facing is that my banner ads are not responsive, I want them to adjust according to the device i.e mobile, desktops and tablet.</p> <p>I have tried width: 100% and other things mentioned, but it doesn't help.</p> <p>Please note that the banner ad is inside a dynamically created iframe.</p> <p>Please let me know if any post that I can refer to.</p> <p>Thanks in advance.</p>