# Columns

**Rules**
- **Solid:** columns-rule-solid
- **Dashed:** columns-rule-dashed
- **Dotted:** columns-rule-dotted

**Gap**
- **None** columns-none-gap

**Columns**
- Can be created in the range from 1-6
- is possible to use breakpoint prefixes
- **columns-(1-6)**

## Examples
````Html
<div class="columns-2">
Some content
</div>
 
<div class="s-columns-2 m-columns-4 l-columns-6 columns-rule-dotted">
Some content
</div>
````