20.6 #Row.align-content-start align-content: flex-start

Toggle example guides Toggle HTML markup

.sf-row.-align-content-start

I am first in the markup
I am second in the markup
I am third in the markup
I am fourth in the markup
I am fifth in the markup
I am sixth in the markup
Html
    <div class="sf-row -align-content-start">
       <div class="sf-row__col -col-4">
           I am <strong>first</strong> in the markup
       </div>
       <div class="sf-row__col -col-4">
           I am <strong>second</strong> in the markup
       </div>
       <div class="sf-row__col -col-4">
           I am <strong>third</strong> in the markup
       </div>
      <div class="sf-row__col -col-4">
           I am <strong>fourth</strong> in the markup
       </div>
       <div class="sf-row__col -col-4">
           I am <strong>fifth</strong> in the markup
       </div>
       <div class="sf-row__col -col-4">
           I am <strong>sixth</strong> in the markup
       </div>
    </div>