# 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>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://greene-lab.gitbook.io/lab-website-template-docs/basics/components/cols.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
