iframe Bottom Margin

I’ve placed a code block containing an iframe inside of a gridrow.

I’ve then applied quick CSS with the following property to obtain the complete width:

#fwcs .container { width: 100% !important; max-width: 100%; 
padding: 0px; margin: 0; }

I then set the background color to purple to the gridrow as a check to make sure it didn’t leave any blank space.

Next I used whitespace at the bottom with a negative margin to remove the background color on the PC.

However, at the bottom of the iframe the background color shows on mobile(roughly 2px across the bottom length), indicating that the iframe is not taking up the complete space.

Is there a way to fix this so that the iframe contains the full length on mobile, similarly to how it does on PC?

Additionally, on both PC & Mobile, I end up with a second scroll bar insider of the iframe. Instead, I’d rather have the page stretch to be length of the iframe. I’ve tried setting scrolling=no, but that did not work either.

Any help would be greatly appreciated.

• This topic was modified 8 years, 2 months ago by telorenzo46. Reason: Updates