# Email With Columns
The classic html email design lays out articles and content in rows. This makes compatibility a breeze and simplifies using data-driven email tools such as FeedOtter.
However, many modern newsletters and email journals prefer to design html emails with columns of content. There are some special considerations when designing a column-based template for use with FeedOtter.
## Basic Example
A basic example which will layout columns of content.
```html
//column 1 content
[[post.post_title]]
//column 2 content
[[post.post_title]]
```
You'll only need to code 1 row of a column layout. FeedOtter will repeat the row based on the amount of content in your email.
Here's what the code listed above displays in FeedOtter when their are 6 posts available to display. 3 rows of 2 columns each.
{% hint style="info" %}
The **batch** filter on the feedotter.posts loop creates subloops of content divided by the number provided. In this case 2.
{% endhint %}
{% hint style="warning" %}
When using columns it is important that you always supply enough content to fulfill all columns in the design. If we provided 5 posts to the above design it would likely look terrible when tested in Litmus because column responsiveness is near impossible to create in html email.
{% endhint %}
Use the FeedOtter interface and the Max Posts value to adjust the number of posts displayed in your email.
####
