RHElements

RH Layouts

    Grid

    Pure Grid

    Item
    Item
    Item
    Item
    Item

    Code

    <div class="rhe-l-grid rhe-m-gutters rhe-m-all-6-col rhe-m-all-4-col-on-md rhe-m-all-3-col-on-lg">
<div>Item</div>
<div>Item</div>
<div>Item</div>
<div>Item</div>
<div>Item</div>
</div>

    Bootstrap-style Columns

    Default Item
    rhe-m-2-col
    rhe-m-10-col
    rhe-m-4-col
    rhe-m-4-col
    rhe-m-4-col
    rhe-m-6-col rhe-m-3-col-on-md
    rhe-m-6-col rhe-m-3-col-on-md rhe-m-startat-7-col-on-md
    rhe-m-6-col rhe-m-3-col-on-md

    Code

    <div class="rhe-l-grid rhe-m-gutters">
<div class="rhe-l-grid__item">Default Item</div>
<div class="rhe-l-grid__item rhe-m-2-col"><code>rhe-m-2-col</code></div>
<div class="rhe-l-grid__item rhe-m-10-col"><code>rhe-m-10-col</code></div>
<div class="rhe-l-grid__item rhe-m-4-col"><code>rhe-m-4-col</code></div>
<div class="rhe-l-grid__item rhe-m-4-col"><code>rhe-m-4-col</code></div>
<div class="rhe-l-grid__item rhe-m-4-col"><code>rhe-m-4-col</code></div>
<div class="rhe-l-grid__item rhe-m-6-col rhe-m-3-col-on-md"><code>rhe-m-6-col rhe-m-3-col-on-md</code></div>
<div class="rhe-l-grid__item rhe-m-6-col rhe-m-3-col-on-md rhe-m-startat-7-col-on-md"><code>rhe-m-6-col rhe-m-3-col-on-md rhe-m-startat-7-col-on-md</code></div>
<div class="rhe-l-grid__item rhe-m-6-col rhe-m-3-col-on-md"><code>rhe-m-6-col rhe-m-3-col-on-md</code></div>
</div>