# Organizational Patterns

# 2 Column

[![pattern-2column.png](https://kb.astate.edu/uploads/images/gallery/2025-07/scaled-1680-/pattern-2column.png)](https://kb.astate.edu/uploads/images/gallery/2025-07/pattern-2column.png)

<table id="bkmrk-use-case-when-you-wa"><tbody><tr><td>**Use Case**

</td><td><span style="font-weight: 300;">When you want to share two items that are related or equally important in a 2 column layout.</span>

</td></tr><tr><td>**Limitations**

</td><td><span style="font-weight: 300;">N/A</span>

</td></tr><tr><td>**What’s Required?**

</td><td><span style="font-weight: 300;">There must be 2 columns, and each column must have a title.</span>

</td></tr><tr><td>**What’s optional?**

</td><td><span style="font-weight: 300;">Images, subtitles, section heading, and introduction</span>

</td></tr></tbody></table>

# 3 Column

[![pattern-3column.png](https://kb.astate.edu/uploads/images/gallery/2025-07/scaled-1680-/pattern-3column.png)](https://kb.astate.edu/uploads/images/gallery/2025-07/pattern-3column.png)

<table id="bkmrk-use-case-when-you-wa"><tbody><tr><td>**Use Case**

</td><td><span style="font-weight: 300;">When you want to share three items that are related or equally important in a 3 column layout.</span>

</td></tr><tr><td>**Limitations**

</td><td><span style="font-weight: 300;">N/A</span>

</td></tr><tr><td>**What’s Required?**

</td><td><span style="font-weight: 300;">There must be 3 columns, and each column must have a title.</span>

</td></tr><tr><td>**What’s optional?**

</td><td><span style="font-weight: 300;">Images, subtitles, section heading, and introduction</span>

</td></tr></tbody></table>

# Accordion

[![pattern-accordian.png](https://kb.astate.edu/uploads/images/gallery/2025-07/scaled-1680-/pattern-accordian.png)](https://kb.astate.edu/uploads/images/gallery/2025-07/pattern-accordian.png)

<table id="bkmrk-use-case-when-you-wa"><tbody><tr><td style="width: 145px;">**Use Case**

</td><td style="width: 664px;"><span style="font-weight: 300;">When you want to share large amounts of information in one consolidated place, and want to hide items under recognizable labels. There can be an unlimited number of accordion sections.</span>

</td></tr><tr><td style="width: 145px;">**Limitations**

</td><td style="width: 664px;"><span style="font-weight: 300;">N/A</span>

</td></tr><tr><td style="width: 145px;">**What’s Required?**

</td><td style="width: 664px;"><span style="font-weight: 300;">Each accordion section must have a title and a body.</span>

</td></tr><tr><td style="width: 145px;">**What’s optional?**

</td><td style="width: 664px;"><span style="font-weight: 300;">Section heading and introduction</span>

</td></tr></tbody></table>