Aumentar a altura de uma iframe

Queria ver se alguém consegue me ajudar com uma iframe.

Eu vou liberar uma atualização na loja amanhã e já faz algumas horas que estou tentando regular essa iframe.

No caso eu estou usando uma iframe com o canal do Telegram e outra com o Mapa do Waze. Eu não quero que esse container fique encostado nas laterais, nem no cabeçalho e nem no rodapé. Eu preciso deixar em “auto”, só que não estou conseguindo, fica um espaço branco do fundo da página aparecendo. Quero cobrir todo o espaço sem encostar nas laterais.

Eu vou deixar o link direto pelo editor da fabapp, essa atualização não está disponível no app ainda, se sair da página tem que clicar no link para acessar novamente.

As duas que eu preciso arrumar estão no ícone “Real time” e "Mapa Waze”. Vou deixar o link e o código que estou usando.

Link para acessar.
https://pwa4.app.vc/grupo_br-277/fabapp-editor/27539671

Código Iframe.

<div style="background:#fff;border:0px solid #fff;padding:7px 10px;">
<p style="text-align: center;"><iframe height="450" id="preview" src="https://xn--r1a.website/s/grupo_br277" style="border:0px;height:580px;width:500px;margin:0px;box-shadow: 0 0 16px 3px rgba(0,0,0,.2);border-radius: 10px 10px 10px 10px;" width="600"></iframe></p>
</div>

Desde já obrigado pela atenção!

Olá! @Regional_CIC veja se esse código ajuda:

1 curtida