Responsive Layouts

Feathery forms will automatically adjust your layout as much as possible to fit a mobile viewport. You can also easily create a custom mobile design by toggling to the mobile viewport in the designer.

Note that in the mobile view, any styles you set on your form will be mobile-only.

Your mobile layout and desktop layout will stay linked unless you adjust the dimension of a container. You can easily re-link your layouts in the mobile step panel.

Rotate Axis

You can quickly create mobile optimized layouts by rotating a container's axis. That action to Rotate into rows or Rotate into Columns can be found in the right click overflow menu and in the properties panel of the container.

Element & Container Styles

Set custom mobile styles for width, height, padding, font size, and more.

Demo