20.25 #Row.nested-rows Nested rows

Toggle example guides Toggle HTML markup

.sf-row .sf-row

.sf-row__col.-col-6
.sf-row__col.-col-4
.sf-row__col.-col-8
.sf-row__col.-col-6
Html 
    <div class="sf-row">
       <div class="sf-row__col -col-6">
         .sf-row__col.-col-6
         <div class="sf-row">
            <div class="sf-row__col -col-4">
                .sf-row__col.-col-4
            </div>
            <div class="sf-row__col -col-8">
                .sf-row__col.-col-8
            </div>
         </div>
       </div>
       <div class="sf-row__col -col-6">
           .sf-row__col.-col-6
       </div>
    </div>