Hello,

Can you please help me with the following?

In the following page - https://www.arthrojoint.gr/ - I have added the following html code

<div style="-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; border: none; border-radius: 0 0; background: #f6f6f6; text-align: center; padding: 14px 0;"><a href="https://www.doctoranytime.gr"> <img src="https://www.doctoranytime.gr/images/V3/logo_retina.png" alt="" width="155" height="58" style="display: block; margin: 0 auto;" /> </a></div>
<p><iframe src="https://www.doctoranytime.gr/modules/iframes/widgetreviewsLarge.aspx?code=21800"; style="width: 100%; height: 1500px;" frameborder="0" scrolling="no"></iframe></p>


I have set the height to 1500px otherwise in the mobile version the bottom part of the frame is cut out. If I put the height to 1500px then there's a big white space that shows up in the desktop version.

Can you please advise what should I do so as both in the desktop and mobile version the frame's height adjusts according to the screen size?

Thank you and best regards,

Eri