---
title: Two Cols
description: Two equal-width columns
---

# Two Cols Layout

Split content into two columns for comparisons, lists, or parallel information.

## Parameters

| Parameter | Type | Default | Description |
|-----------|------|---------|-------------|
| `logo` | boolean | `false` | Show/hide logo |
| `ratio` | string | `'50%'` | Width of the left column (e.g., `'70%'` gives 70% left, 30% right) |

## Slots

| Slot | Description |
|------|-------------|
| `left` | Left column content |
| `right` | Right column content |
| `top` | Left-aligned text above both columns |
| `top-center` | Center-aligned text above both columns |
| `bottom` | Left-aligned text below both columns |
| `bottom-center` | Center-aligned text below both columns |

## Basic Example

```markdown
---
layout: two-cols
---

::left::

# Traditional VMs

- Heavy resource usage
- Slow boot times
- OS overhead
- Complex management

::right::

# Containers

- Lightweight
- Fast startup
- Shared OS kernel
- Simple orchestration
```

## Custom Ratio Example

```markdown
---
layout: two-cols
ratio: "70%"
---

::left::

# Main Content (70%)

This column takes up 70% of the width.

::right::

# Sidebar (30%)

- Quick notes
```

## Top & Bottom Slots Example

```markdown
---
layout: two-cols
---

::top::

This text appears above both columns, left-aligned.

::left::

## Left Column
- Content here

::right::

## Right Column
- Content here

::bottom-center::

This centered text appears below both columns.
```