Panels are basically elements with a background and a border. By default, panels give you a gray background and a dark gray border. So, let's give them a shot. On or around line 191, add the following:
<div class="panel">
<p>
This is some default panel content.
</p>
</div>You will see that the panel takes up the entire 12 columns, so let's change this and make it take up only 6 columns and add a second panel that takes up the other 6 columns. So, let's change our code to:
<div class="small-12 large-6 columns">
<div class="panel">
<p>
This is some default panel content.
</p>
</div>
</div>
<div class="small-12 large-6 columns">
<div class="panel">
<p>
This is some default panel content.
</p>
</div>
</div>You will notice that now as we nested the 6 columns inside the 12 columns, you get two panels...