I can not adjust the iframes height

HTML-CSS
1

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/

2

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.

3

the iframe is in the contact section

4

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?

5

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

6

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.

7

I already fixed it on my own but thanks!

8

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.