Add this css (and play around with attributes to get what suits)
.responsive-iframe {
width: 100%; /* Adjusts the width to the width of the container /
height: 600px; / Sets the height /
border: none; / Removes the default iframe border */
}
Not bad as now can maintain help files easier in google docs
One down side is you get this scrollable window within the main page but I think is a iframes issue.
Depending on how complex your help structure needs to be (ie. nested categories and sections), I’ve simply created a data table to store help info as records and displayed them using an accordion component.