20.20 #Row.justify-content-around justify-content: space-around

.sf-row.-justify-content-around

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

Html

    <div class="sf-row -justify-content-around">
       <div class="sf-row__col -col-3">
           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-3">
           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>