Grid

The default grid system provided is a 100%-wide, split into 5% intervals. Starts from 5% and is increased by 5% till 95%.

5 %, 10 %, 15 %, 20 %, 25 %, 30 %, 35 %, 40 %, 45 %, 50 %, 55 %, 60 %, 65 %, 70 %, 75 %, 80 %, 85 %, 90 %, 95%

You can combine all columns as your own

25%

50%

25%

75%

25%

50%

<div class="grid-system">
    <div class="grid-row grid-first-row grid-70">
        <div class="row-wrapper">
            ...
        </div>
    </div>
    <div class="grid-row grid-30">
        <div class="row-wrapper">
            ...
        </div>
    </div>
    <div class="clear"></div>
</div>

10%