> For the complete documentation index, see [llms.txt](https://doc.orbeon.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://doc.orbeon.com/form-runner/features/responsive-design.md).

# Responsive design

## Single column on narrow screens

Orbeon Forms supports [responsive design](https://en.wikipedia.org/wiki/Responsive_web_design) for forms you create with Form Builder. The main aspect of this is that when your forms are shown on a narrow screen, for instance on a mobile phone, fields are shown in a single column.

\[SINCE Orbeon Forms 2022.1]

The Form Runner [Landing page](/form-runner/form-runner-pages/landing-page.md) is also responsive.

## Example

If you have a form with a section containing a grid with two columns, on a desktop or tablet your form might show as:

![Fields as shown on a desktop](/files/-LEkC33J8NE94yP4rjDR)

When the same form is loaded from a mobile phone, fields will automatically be shown in one column to better fit that screen:

<div align="center"><img src="/files/-LEkC33N-vh5hmxuVrVg" alt="Fields as shown on a mobile phone" width="40%"></div>

## Limitations

The [Summary page](/form-runner/form-runner-pages/summary-page.md) and [Published Forms page](/form-runner/form-runner-pages/published-forms-page.md) are not yet responsive.

## See also

* [Mobile support](/form-runner/features/mobile.md)
* Blog post: [Responsive design](https://blog.orbeon.com/2015/08/responsive-design.html)