How to set the iframe height & width to 100%

Question

I am in need of doing the following:

1. I have a header content which is 70px and an iframe with a wrapper. The height & width of the iframe has to be set to

Answer 1

You could attempt to do something like this:

  iframe {
    width: 825px;   // you define your standar width and height
    height: 464px;
    @media screen and (max-width: 1000px){ // then for your responsive you do this or only this. 
      width: calc(84vw);
      height: calc(47vw)
    }  
  }