> ## Documentation Index
> Fetch the complete documentation index at: https://fillout.com/help/llms.txt
> Use this file to discover all available pages before exploring further.

# Create multi-column forms

> Put questions side by side in your form with multiple columns.

export const SupportBanner = () => {
  const titleId = React.useId();
  return <div className="support-banner" role="region" aria-labelledby={titleId}>
      <span className="support-banner__ring support-banner__ring--outer" aria-hidden="true" />
      <span className="support-banner__ring support-banner__ring--middle" aria-hidden="true" />
      <span className="support-banner__ring support-banner__ring--inner" aria-hidden="true" />
      <span className="support-banner__ring support-banner__ring--center" aria-hidden="true" />

      <div className="support-banner__content">
        <div className="support-banner__title" id={titleId} role="heading" aria-level="2">Still have questions?</div>

        <div className="support-banner__copy">
          <span className="support-banner__line">Our team is happy to help. Start a live chat using the</span>
          <span className="support-banner__line">
            chat bubble <span className="support-banner__chat-icon" aria-hidden="true" /> in the bottom right, or email us at
          </span>
          <span className="support-banner__line">
            <a href="mailto:support@fillout.com">support{'@'}fillout.com</a>
          </span>
        </div>

        <a className="support-banner__cta" href="mailto:support@fillout.com">Contact us</a>
      </div>
    </div>;
};

## Overview

Multi-column forms can be a great way to save space and make your form look more organized. Instead of having all your questions listed in a long, single column, you can split them up into **multiple columns**. This is especially useful if you have a lot of questions or a limited amount of space on your form.

## How to add another column

`Drag a question` to the right of another question. You can also reorder them with drag and drop.

<img src="https://mintcdn.com/fillout-005a867b/1uvyKMAfq1csHs8F/images/multi-columndrag.gif?s=543e2d963ef0c6a54756aec11aa585a9" alt="multi-column drag.gif" width="1304" height="720" data-path="images/multi-columndrag.gif" />

<Note>
  Some question types are not supported by multi-column layouts yet such as, Address, PDF viewer, Section collapse, Video, Button, Date time picker, Picture choice, Calendly and Payment. Contact [support@fillout.com](mailto:support@fillout.com) if you have a use case that requires one of these to be side by side.
</Note>

Most questions have a `Half width` option in the right panel to shorten the input box. Click the field's <Icon icon="gear-complex" iconType="solid" />.

<img src="https://mintcdn.com/fillout-005a867b/h_QfN-F56vlvgBC6/images/Screenshot2025-02-25at3.13.00PM.png?fit=max&auto=format&n=h_QfN-F56vlvgBC6&q=85&s=0017f1edc7b3a5abe8d4ae3a2299f749" alt="Multi-column form" width="1922" height="324" data-path="images/Screenshot2025-02-25at3.13.00PM.png" />

## Add three columns or more

You can choose the `Table` field in the left-hand panel to add a third, fourth, and additional columns. More info [here](/help/table).

## Related articles

<CardGroup cols={3}>
  <Card title="Page layout" icon="rectangles-mixed" iconType="regular" color="#FFC738" href="/help/layout">
    Edit the position of your form's fields and background image.
  </Card>

  <Card title="Add a table" icon="table-cells" iconType="regular" color="#FFC738" href="/help/table">
    Let respondents enter data in a spreadsheet-like format.
  </Card>

  <Card title="Add headings" icon="heading" iconType="regular" color="#FFC738" href="/help/heading">
    Improve your form's structure and user experience.
  </Card>
</CardGroup>

<SupportBanner />