バッチを使用して複雑なグリッドレイアウトを作成しようとしています

バッチを使用して次のレイアウトを作成しようとしていますが、それを正しく取得できません。

これは私がどれくらいまで得たかです：

{% for entry in items|batch(3) %}
   <div class="row rowDivider">
     {% if loop.index is divisible by(5) or loop.index == 1 %}

        {% for batch in entry[0:3]   %}
          {% if loop.index == 1 %}
              <div class="big">{{batch}}</div>
          {% elseif loop.index == 2 %}
              <div class="big-top">{{batch}}</div>
          {% else %}
              <div class="big-bottom">{{batch}}</div>
          {% endif %}
        {% endfor %}

      {% elseif loop.index is divisible by(2) %}

        {% for batch in entry[0:2] %}
          {% if loop.index == 1 %}
             <div class="big-left">{{batch}}</div>
          {% else %}
             <div class="small-right">{{batch}}</div>
          {% endif %}
        {% endfor %}

      {% elseif loop.index is divisible by(3) %}

        {% for batch in entry[0:3] %}
          {% if loop.index == 1 %}
             <div class="small-left">{{batch}}</div>
          {% elseif loop.index == 2 %}
             <div class="small-middle">{{batch}}</div>
          {% else %}
             <div class="small-right">{{batch}}</div>
          {% endif %}
        {% endfor %}

    {% endif %}
  </div>
{% endfor %}

Jsonが使用した：

{ "items": ["1" , "2", "3", "4", "5" , "6", "7", "8","9" , "10", "11", "12", "13", "14", "15", "16", "17", "18", "19", "20", "21", "22" ] }

どんな助けでも大歓迎です。