Adjusting iframe size for mobile responsiveness in Tailwind CSS
I am currently working on a project where I have a grid layout containing an iframe with audio content. I'm using Tailwind CSS for styling, and I'm facing an issue with making the iframe fit the mobile responsive screen. The first picture is my website and the second picture is how I want my plug in for apple music to fit.
The issue is that the iframe doesn't adjust properly for mobile screens. I've tried adjusting the width, height, maxWidth, and maxHeight properties, but I'm not achieving the desired responsiveness. If anyone can help with this that'll be lovely!
1 Reply
don't think the iframe size can be adjusted to its contents with css alone. It can not see how large the content of it is
You could try it with js
and on the iframe itself add