> For the complete documentation index, see [llms.txt](https://certil-remy.gitbook.io/learn/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://certil-remy.gitbook.io/learn/css-1/untitled-1-2.md).

# CSS Columns Code Along Exercise (lab)

## Overview

In this code along exercise we will add column structure to our page layouts. All the files you need to follow along are provided and opening this code along on the in-browser IDE will fork and clone down a copy for you, but if you would like to continue working from your personal `exceptional-realty` repository:

```
git clone https://github.com/<your_username_here>/exceptional-realty
cd exceptional-realty
```

You'll want code along on a new branch, not `master`, so create a new branch called `columns`. \<iframe width="640" height="480" src="//[www.youtube.com/embed/zZpAqtEXse0?rel=0\&controls=1\&showinfo=1](http://www.youtube.com/embed/zZpAqtEXse0?rel=0\&controls=1\&showinfo=1)" frameborder="0" allowfullscreen>\</iframe>

**Remember**, make sure to add, commit and push up the work you've done on your `columns` branch, then merge the work into your `master`, pushing up the `master` as well!

View [Codealong Creating Columns](https://github.com/learn-co-curriculum/Codealong-Creating-Columns) on Learn.co and start learning to code for free.