JB Framework

Grids

Percentage width

<div class="row example">
    <div class="column column-4">
        Lorem ipsum
    </div>
    <div class="column column-2">
        Lorem ipsum
    </div>
    <div class="column column-6">
        Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Morbi sollicitudin massa augue, elementum finibus risus pharetra at. In feugiat tellus sed sem posuere efficitur.
    </div>
</div>

Flex width

<div class="row example">
    <div class="column column--shrink">
        Lorem ipsum
    </div>
    <div class="column column--grow">
        Lorem ipsum
    </div>
    <div class="column column--shrink">
        Lorem ipsum
    </div>
</div>