I can not adjust the iframes height

Whatever I try I can not adjust the iframe’s height on my website. I have tried height="100%" and in CSS

iframe {
  height: 100%; 
}

link to it and my code (inspect) https://jandjcards.netlify.app/

Doing a search on your code I could not find any HTML element iframe so using a selector in CSS to modify it would do nothing. To fix this, you need to add the appropriate iframe where you want it to be located within your HTML.

the iframe is in the contact section

You currently have CSS adjustments on the line itself.

<iframe src="https://form.jotform.com/221416318044144" width="100%" height="100%" frameborder="0"></iframe>

This is your current iframe element code. If I adjust the height to height="100px" or height="100vh" I can see adjustments. What adjustment are you trying to make?

I am trying to make it fit fully between the nav and the footer and make it so that when the screen resizes it stays

The footer and all of its elements should be outside of the body. Should be something similar to this:

<html>
<body>
  <iframe src="url">
</body>
<footer>
  footer elements listed here
</footer>
</html>

I suggest trying this before proceeding further.

I already fixed it on my own but thanks!