<div class="row">
    <div class="columns small-10 large-5">
        <span class="large">col-5</span>
        <span class="small">col-10</span>
    </div>
    <div class="columns small-2 large-1">
        <span class="large">col-1</span>
        <span class="small">col-2</span>
    </div>
    <div class="columns small-12 large-6">
        <span class="large">col-6</span>
        <span class="small">col-12</span>
    </div>
</div>
<div class="row">
    <div class="columns small-2 large-4">
        <span class="large">col-4</span>
        <span class="small">col-2</span>
    </div>
    <div class="columns small-4 large-4">
        <span class="large">col-4</span>
        <span class="small">col-4</span>
    </div>
    <div class="columns small-6 large-4">
        <span class="large">col-4</span>
        <span class="small">col-6</span>
    </div>
</div>
<div class="row">
    <div class="columns small- large-3">
        <span class="large">col-3</span>
        <span class="small">col-3</span>
    </div>
    <div class="columns small- large-6">
        <span class="large">col-6</span>
        <span class="small">col-6</span>
    </div>
    <div class="columns small- large-3">
        <span class="large">col-3</span>
        <span class="small">col-3</span>
    </div>
</div>
<div class="row">
    <div class="columns small-6 large-2">
        <span class="large">col-2</span>
        <span class="small">col-6</span>
    </div>
    <div class="columns small-6 large-8">
        <span class="large">col-8</span>
        <span class="small">col-6</span>
    </div>
    <div class="columns small-12 large-2">
        <span class="large">col-2</span>
        <span class="small">col-12</span>
    </div>
</div>
<div class="row">
    <div class="columns small-3 large-">
        <span class="large">col-3</span>
        <span class="small">col-3</span>
    </div>
    <div class="columns small-9 large-">
        <span class="large">col-9</span>
        <span class="small">col-9</span>
    </div>
</div>
<div class="row">
    <div class="columns small- large-4">
        <span class="large">col-4</span>
        <span class="small">col-4</span>
    </div>
    <div class="columns small- large-8">
        <span class="large">col-8</span>
        <span class="small">col-8</span>
    </div>
</div>
<div class="row">
    <div class="columns small-6 large-5">
        <span class="large">col-5</span>
        <span class="small">col-6</span>
    </div>
    <div class="columns small-6 large-7">
        <span class="large">col-7</span>
        <span class="small">col-6</span>
    </div>
</div>
<div class="row">
    <div class="columns small- large-6">
        <span class="large">col-6</span>
        <span class="small">col-6</span>
    </div>
    <div class="columns small- large-6">
        <span class="large">col-6</span>
        <span class="small">col-6</span>
    </div>
</div>