t;
    &lt;/div&gt;
&lt;/div&gt;</code></pre>
                <br>
                <h5>Premade Columns</h5>
                <p>Let me run you through each line of this snippet. You may be aware of what a clearfix is, but for those who don't it is known as CSS hack that clears floated elements and aligns them correctly. Lemonade uses a clearfix which is a class called <code class="language-css">.frame</code>, to successfully create columns you will always need to have a .frame class wrapped around your grid 