Embedding Shutterstock website and adaptive layout?

Is there a website of Ardata
On the page of the embedded widget Shutterstock
But it is not adaptive. I manually set the width, and then loaded a tent on a site with the layout.

The code for embedding
<div data-id="5df1f8b931ff45d80424a24c" style="position: relative; width: 960px; height: 1200px;" class="sstk_widget">
<script type="text/javascript">// <![CDATA[
window._wdata = window._wdata || [];_wdata.push({widget_id: '5df1f8b931ff45d80424a24c', cdn_prefix: '//d3qrz9uuaxc8ej.cloudfront.net', width: '960', height: '1200', src: '//widget.shutterstock.com/widget/5df1f8b931ff45d80424a24c', border: false, url: document.URL});(function () {if (typeof (widget) !== 'undefined') return;var nwjs = document.createElement('script'); nwjs.type = 'text/javascript'; nwjs.async = true;nwjs.id = 'widget_script';nwjs.src = '//widget.shutterstock.com/content/js/embed_widget.js';var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(nwjs, s);})();
// ]]></script>
</div>

How to make this adaptiv???
April 3rd 20 at 18:25
1 answer
April 3rd 20 at 18:27
Solution
Firstly don't ask a fixed-width, use max-width: 960px; width: 100%;
Your script that you inserted into the markup has class="sstk_widget" it can build and define styles for all inner elements is not to duplicate the styles from the main site (inside of that iframe, too, have the class header). And then just the knowledge of the layout and will succeed joxi.ru/DmBq5MgHJXdZlr
thank you!!! - Glennie_Beat commented on April 3rd 20 at 18:30

Find more questions by tags CSSJavaScriptHTML