Alternating Rows using forloop.index and modulo

alternatingrows.html

{% for posts in site.posts %}
  {% assign loopindex = forloop.index | modulo: 6 %}

  {% if loopindex == 1 %}
    <div> {{ forloop.index }}
  {% elsif loopindex == 2 %}
    {{ forloop.index }}
  {% elsif loopindex == 3 %}
    {{ forloop.index }} </div>

  {% elsif loopindex == 4 %}
    <div class="foo"> {{ forloop.index }}
  {% elsif loopindex == 5 %}
    {{ forloop.index }}
  {% elsif loopindex == 0 %}
    {{ forloop.index }} </div>
  {% endif %}
  {% if forloop.last == true %}
    </div>
  {% endif %}
{% endfor %}

blog-rows.html

<div class="container blog-list-wrapper">

{% for post in site.posts %}
  {% assign loopindex = forloop.index | modulo: 6 %}

  {% if loopindex == 1 %}
    <div class="row blog-list"> {% include blog/list-item.html %}
  {% elsif loopindex == 2 %}
    {% include blog/list-item.html %}
  {% elsif loopindex == 3 %}
    {% include blog/list-item.html %} </div>

  {% elsif loopindex == 4 %}
    <div class="row blog-list push"> {% include blog/list-item.html %}
  {% elsif loopindex == 5 %}
    {% include blog/list-item.html %}
  {% elsif loopindex == 0 %}
    {% include blog/list-item.html %} </div>
  {% endif %}

  {% if forloop.last == true %}
    </div>
  {% endif %}

{% endfor %}

</div>

Playing with numbers only —output of alternatingrows.html

high-fi Results