> For the complete documentation index, see [llms.txt](https://greene-lab.gitbook.io/lab-website-template-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://greene-lab.gitbook.io/lab-website-template-docs/basics/components/cols.md).

# Cols

:eye: [PREVIEW](https://greenelab.github.io/lab-website-template/testbed#cols)

A set of equal-width columns with content, up to a maximum of 3. Columns are vertically aligned to the top, and wrap on smaller screen sizes. Compared to the [grid](/lab-website-template-docs/basics/components/grid.md) component, use this when you want to put multiple items per column or have long arbitrary content.

```liquid
{% capture col1 %}lorem{% endcapture %}
{% capture col2 %}ipsum{% endcapture %}
{% capture col3 %}dolor{% endcapture %}

{%
  include cols.html
  col1=col1
  col2=col2
  col3=col3
%}
```

<table><thead><tr><th width="158">Parameter</th><th></th></tr></thead><tbody><tr><td><code>col1</code> / or any</td><td>The content of the column. Param names can be anything. Up to 3 columns will be displayed in same order as parameters. Can contain Markdown. Accepts <a href="/pages/G4oL36qvXqlh9fFarwV6#arbitrary-content">arbitrary content</a>.</td></tr></tbody></table>