Skip to main content

Pros and cons block

What is the Pros and cons block for?

Two short lists organised around one decision. Use it to show advantages and disadvantages, who a solution is for and who it is not for, or any two contrasting perspectives side by side.

The same content can be displayed in three different layouts, so you can switch layouts while editing without rewriting or losing rows.

Live example

Columns layout with two short lists:

Is Demona right for you?

A quick example of how two short lists can make a decision clearer.

A good fit if

  • You want to launch quickly.
  • You want to edit the content yourself later.
  • A consistent, polished appearance matters.

Not ideal if

  • You want every page built entirely from custom code.
  • You do not need an editing interface.
  • You only need a single one-off campaign page.

Three layouts for the same content

  • Columns: two lists side by side for quick scanning.
  • Editorial: a more expressive magazine-style presentation for longer pages.
  • Table: aligned rows when you want the two sides to follow the same visual rhythm.

Changing the layout does not discard data. In the table layout, items with the same position are placed on the same row, but that does not mean the two statements are semantically paired. If you need true row-by-row data comparison, use the Table block instead.

What can you configure in the Pros and cons block?

  • Heading and subheading: explain the question or decision you are splitting into two sides.
  • Two list headings: for example “A good fit if” and “Not ideal if”.
  • Icons: each list can have its own default icon, and individual rows can override it.
  • Colours: set the icon colours for both lists, the card background, and the line or border colour.
  • Layout: Columns, Editorial or Table.

What can you use it for?

Advantages and disadvantages, who something is for and who it is not for, basic versus advanced needs, or even short “before” and “after” statements. The key is to keep both sides concise and easy to scan.

TRY IT ON YOUR OWN WEBSITE

Help visitors make a decision faster.

Two short lists can say more than a long paragraph — especially when it is immediately clear what speaks for an option and what speaks against it.