# Responsive design

## Fields in one column

Starting with version 4.10, Orbeon Forms supports [responsive design](https://en.wikipedia.org/wiki/Responsive_web_design) for forms you create with Form Builder. One significant implication is that when your forms are shown on a narrow screen, for instance on a mobile phone, most fields are reflowed to be on the same "column".

## 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](https://4129616727-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LEkBiSDvlXs3VWiO0Zu%2F-LEkBmMpnaxnftLGDglW%2F-LEkC33J8NE94yP4rjDR%2Fresponsive-desktop.png?generation=1528743347848576\&alt=media)

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

![Fields as shown on a mobile phone](https://4129616727-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LEkBiSDvlXs3VWiO0Zu%2F-LEkBmMpnaxnftLGDglW%2F-LEkC33N-vh5hmxuVrVg%2Fresponsive-mobile.png?generation=1528743353037754\&alt=media)

## Limitations

Version 4.10 introduces responsive design to the "detail page", i.e. the page used to fill out a form, as it is the page accessed by most end users, who are also more likely to be using a mobile device. In future versions, responsive design will be brought also to the summary page and [home page](https://doc.orbeon.com/~/revisions/-LFrzxlvP9UXA6_RDYI9/form-runner/features/home-page).

## See also

* Blog post: [Responsive design](http://blog.orbeon.com/2015/08/responsive-design.html)