Right Aligned
A two column FAQ with the heading and intro on the left and accordion items on the right. Balances explanation and detail across a wide support section.
A two column FAQ with the heading and intro on the left and accordion items on the right. Balances explanation and detail across a wide support section.
Search blocks by description or jump to a page.
Right Aligned splits the FAQ into two columns on wider screens. The left column holds a compact heading, "Frequently asked questions," and a short supporting sentence beneath it. The right column, which takes up three fifths of the width, contains a single accordion where each question expands inline to reveal its answer. On smaller screens the columns stack and the supporting sentence hides, so the accordion leads directly below the heading.
All six demo questions and their answers are plain data that you can swap or extend freely. The heading and intro sentence are independent of the accordion, so you can update one without touching the other. You can add or remove accordion items without adjusting layout or spacing.
This layout suits a studio or agency site where the FAQ sits alongside other substantial content sections. The two column split gives the heading its own breathing room rather than stacking everything into a single centered column, which works well when the section lands between a services overview and a contact prompt. Compared to the centered variant, this block carries more visual weight and reads as a considered editorial choice rather than a utility panel.
A natural flow around it on a Marketing (Legacy) page:
Before
After
The block maps over a plain array of question and answer strings, so every piece of text is straightforward to change. A few common adaptations:
Tip: keep answers to two or three sentences each. Short answers let visitors skim the open item quickly and move on to the next question.