Writing pages that read on a phone

A page written to look right on a wide display can be unreadable on a narrow one, and you will meet narrow ones inside the app as well as on a phone. The sidebar takes space from the canvas, and Explode opens windows at whatever width fits.

Three things to ask for:

• A viewport tag, so the page lays itself out at the real width instead of pretending to be a desktop.
• Relative widths rather than fixed pixel ones, so the layout can narrow.
• Anything inherently wide, such as a table, a chart or a code block, given its own sideways scroll, so the page body never scrolls sideways.

Ask for them up front. A page written without them has to be rewritten, one page at a time.

The Agent Helper instructions already carry this rule. If you pasted them some time ago, copy the current version again.