Oscar, when I set the iFrame Settings width to 100 % as in your example, the page does not show up at all in the drop-down menu under Resources. It just isn’t there. I then set the width back to 1200 pixels and put your code in the Inspector/CSS settings with the same result, the City Planning page does not show up.
New link to test project:
I emailed Jonathan at SeyDesign for support since I am using his Aptenon theme and this is his reply:
iframes typically have a specific width applied to them, which overrides any responsive styling. It’s possible to make an iframe responsive, but takes some finagling and you’ll need to be able to modify the source code of the iframe itself.
As such, you’ll probably want to switch to a pure HTML page, a Stack page using a HTML stack, or a Styled Text page using the “Ignore Formatting” option applied to HTML code.
Here’s some info on making iframe responsive, which I found after a quick search online:
I read the link he provided, but it’s a bit daunting for me since I don’t code and I will have to try and follow his steps closely to make sure I understand the instructions and there are some bits I’m unsure of.
Thanks for your help, I appreciate it.