Divided Columns

This acts as a solution for putting together a multiple column grid with dividers in between columns

Sample text
3 Columns Example
Sample text
HTML
<style>
    .l-dividedColumns {
        background-color: green;
        border-bottom: 1px solid black;
        text-overflow: ellipsis;
    }
    .l-dividedColumns-row {
        background: rgb(100, 150, 50);
    }

</style>

<div class="l-dividedColumns u-flex u-pv+" style="width: 500px">
    <div class="u-flexItemGrow">
        <div class="l-dividedColumns-row">
            <div>Sample text</div>
            <div>Sample text</div>
            <div>Sample text</div>
            <div>Sample text</div>
        </div>
    </div>
    <div class="u-flexItemGrow">
        <div class="l-dividedColumns-row">
            <div>Sample text</div>
            <div>Sample text</div>
        </div>
    </div>
</div>
<div class="l-dividedColumns u-flex u-pv+" style="width: 500px">
    <div class="u-flexItemGrow">
        <div class="l-dividedColumns-row">
            <div>Sample text</div>
            <div>Sample text</div>
        </div>
    </div>
    <div class="u-flexItemGrow">
        <div class="l-dividedColumns-row">
            <div>Sample text</div>
            <div>Sample text</div>
        </div>
    </div>
</div>
<div>
    3 Columns Example
</div>
<div class="l-dividedColumns u-flex u-pv+" style="width: 500px">
    <div class="u-flexItemGrow">
        <div class="l-dividedColumns-row">
            <div>Sample text</div>
            <div>Sample text</div>
            <div>Sample text</div>
            <div>Sample text</div>
        </div>
    </div>
    <div class="u-flexItemGrow">
        <div class="l-dividedColumns-row">
            <div>Sample text</div>
            <div>Sample text</div>
        </div>
    </div>
    <div class="u-flexItemGrow">
        <div class="l-dividedColumns-row">
            <div>Sample text</div>
            <div>Sample text</div>
            <div>Sample text</div>
            <div>Sample text</div>
            <div>Sample text</div>
            <div>Sample text</div>
        </div>
    </div>
</div>