Iframe embedded Form Being Cut Off

So I had this question before about how I can fix my form from being cut off when translated and was given this code to fix it. This code did fix the problem for my form on the larger break points, however created the same problem on the smaller break points. Whereas before the problem only occured on the larger break points. Please help me make it conhesive throughout all my break points.

<iframe id="JotFormIFrame-71236038826154" onDISABLEDload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotform.us/PaulSBarlow/employment-application-form" frameborder="0" style="width:100%; height:3900px; border:none;" scrolling="no"> </iframe>

You can increase the height of the frame in the code:

<iframe id="JotFormIFrame-71236038826154" onDISABLEDload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotform.us/PaulSBarlow/employment-application-form" frameborder="0" style="width:100%; height:3900px; border:none;" scrolling="no"> </iframe>

Adjust the highlighted value until the full form shows. 

You can also try the default iframe code which has a script to automatically adjust the height:

https://www.jotform.com/help/148-Getting-the-Form-iFrame-Code

I was using the default iframe code when I first embedded the form into my website and it would automatically adjust the height but only when left in English. Once the form was translated into Spanish the form wouldn't adjust its height. Also, I tried adjusting the height for the code above but the only thing though is that it keeps that height for all breakpoints in my website. Is there a way that I can have the form be different heights on different breakpoints?

You could indeed change the iFrame's height with custom CSS code on your website, but if you want it to have different height values based on the device's screen size, then you would need to add some media queries to your webpage, here is a link with information about it: https://www.w3schools.com/css/css_rwd_mediaqueries.asp 

You could also set the scrolling option to yes so the form does not cut off: 

<iframe id="JotFormIFrame-71236038826154" onDISABLEDload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotform.us/PaulSBarlow/employment-application-form" frameborder="0" style="width:100%; height:3900px; border:none;" scrolling="yes"> </iframe>

Hope this helps.