Quem puder me ajudar agradeço, eu coloco o iframe de um podcast no meu site para a pessoa poder escutar enquanto navega, porém quando eu tento deixar esse iframe responsivo(ou seja dinâmico a todos tipos de dispositivos) o meu código css não funciona.
eu coloco mas ou menos assim
<iframe id="spotify-iframe" src="https://open.spotify.com/embed/show/1xuwbs67GOID39ML7Fp7fh?" frameBorder="0" allow="autoplay; picture-in-picture"></iframe>
#spotify-iframe {
width: 10vw;
height: 10vw;
}
O iframe fica quadrado, porém, quando eu aumento o tamanho da tela o iframe não aumenta, ele diminui, agora quando eu diminuo ele diminui junto, porém fica muito ruim de se ver, é como se o iframe diminuisse mas o contéudo dentro não.