Answers.Body: <p>I think I got it. Here's what I did:</p>
  
  <pre><code>{% for entry in items|batch(10) %}
  &lt;div class="set"&gt;
  
      {% for batch in entry[0:3] %}
          {% if loop.index == 1 %}
          &lt;div class="rowOne"&gt;
            &lt;div class="big"&gt;{{batch}}&lt;/div&gt;
          {% elseif loop.index == 2 %}
            &lt;div class="big-top"&gt;{{batch}}&lt;/div&gt;
          {% elseif loop.index == 3 %}
            &lt;div class="big-bottom"&gt;{{batch}}&lt;/div&gt;
          &lt;/div&gt;
          {% endif %}
      {% endfor %}
  
      {% for batch in entry[3:2] %}
        {% if loop.index == 1 %}
          &lt;div class="rowTwo"&gt;
            &lt;div class="big-left"&gt;{{batch}}&lt;/div&gt;
        {% elseif loop.index == 2 %}
            &lt;div class="small-right"&gt;{{batch}}&lt;/div&gt;
          &lt;/div&gt;
        {% endif %}
      {% endfor %}
  
      {% for batch in entry[5:3] %}
        {% if loop.index == 1 %}
          &lt;div class="rowThree"&gt;
            &lt;div class="small-left"&gt;{{batch}}&lt;/div&gt;
        {% elseif loop.index == 2 %}
            &lt;div class="small-middle"&gt;{{batch}}&lt;/div&gt;
        {% elseif loop.index == 3 %}
            &lt;div class="small-right"&gt;{{batch}}&lt;/div&gt;
          &lt;/div&gt;
        {% endif %}
      {% endfor %}
  
      {% for batch in entry[8:2] %}
        {% if loop.index == 1 %}
        &lt;div class="rowFour"&gt;
          &lt;div class="small-left"&gt;{{batch}}&lt;/div&gt;
        {% elseif loop.index == 2 %}
          &lt;div class="big-right"&gt;{{batch}}&lt;/div&gt;
        &lt;/div&gt;
        {% endif %}
      {% endfor %}
  
  &lt;/div&gt;
  {% endfor %}
  </code></pre>
  
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2017-08-01T15:22:47.737Z
Answers.Text: Had the same problem but yes the solutions is just making the batch bigger. 
  https://craftcms.stackexchange.com/questions/19179/making-an-entry-grid-with-batch-2-3-2-in-row-then-3-in-row
Answers.UserDisplayName: Justin Dekkers
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2017-08-01T06:35:26.377Z
Answers.LastActivityDate: 2017-08-01T06:35:26.377Z
Answers.UserDisplayName: erich
Body: <p>I'm trying to create the following layout using batch, but I can't quite get it right...</p>
  
  <h2><a href="https://i.sstatic.net/FOSGC.png" rel="nofollow noreferrer"><img src="https://i.sstatic.net/FOSGC.png" alt="enter image description here"></a></h2>
  
  <p>This is how far I've gotten:</p>
  
  <pre><code>{% for entry in items|batch(3) %}
     &lt;div class="row rowDivider"&gt;
       {% if loop.index is divisible by(5) or loop.index == 1 %}
  
          {% for batch in entry[0:3]   %}
            {% if loop.index == 1 %}
                &lt;div class="big"&gt;{{batch}}&lt;/div&gt;
            {% elseif loop.index == 2 %}
                &lt;div class="big-top"&gt;{{batch}}&lt;/div&gt;
            {% else %}
                &lt;div class="big-bottom"&gt;{{batch}}&lt;/div&gt;
            {% endif %}
          {% endfor %}
  
        {% elseif loop.index is divisible by(2) %}
  
          {% for batch in entry[0:2] %}
            {% if loop.index == 1 %}
               &lt;div class="big-left"&gt;{{batch}}&lt;/div&gt;
            {% else %}
               &lt;div class="small-right"&gt;{{batch}}&lt;/div&gt;
            {% endif %}
          {% endfor %}
  
        {% elseif loop.index is divisible by(3) %}
  
          {% for batch in entry[0:3] %}
            {% if loop.index == 1 %}
               &lt;div class="small-left"&gt;{{batch}}&lt;/div&gt;
            {% elseif loop.index == 2 %}
               &lt;div class="small-middle"&gt;{{batch}}&lt;/div&gt;
            {% else %}
               &lt;div class="small-right"&gt;{{batch}}&lt;/div&gt;
            {% endif %}
          {% endfor %}
  
      {% endif %}
    &lt;/div&gt;
  {% endfor %}
  </code></pre>
  
  <p>Json used:</p>
  
  <pre><code>{ "items": ["1" , "2", "3", "4", "5" , "6", "7", "8","9" , "10", "11", "12", "13", "14", "15", "16", "17", "18", "19", "20", "21", "22" ] }
  </code></pre>
  
  <p>Any help will be much appreciated.</p>
  
Tags: <loop><batch>
Title: Attempting to create a complicated grid layout with batch
ThreadText: # Attempting to create a complicated grid layout with batch
  
  (Asked by: username_0 on 2017-08-01)
  
  I'm trying to create the following layout using batch, but I can't quite get it right...
  
  ## [enter image description here](https://i.sstatic.net/FOSGC.png)
  
  This is how far I've gotten:
  
  ```
  {% 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 used:
  
  ```
  { "items": ["1" , "2", "3", "4", "5" , "6", "7", "8","9" , "10", "11", "12", "13", "14", "15", "16", "17", "18", "19", "20", "21", "22" ] }
  
  ```
  
  Any help will be much appreciated.
  
  **Tags:** loop, batch
  
  
  ---
  
  ## 1 answers
  
  ### Answer by username_0 on 2017-08-01. Score: 1
  
  I think I got it. Here's what I did:
  
  ```
  {% for entry in items|batch(10) %}
  <div class="set">
  
      {% for batch in entry[0:3] %}
          {% if loop.index == 1 %}
          <div class="rowOne">
            <div class="big">{{batch}}</div>
          {% elseif loop.index == 2 %}
            <div class="big-top">{{batch}}</div>
          {% elseif loop.index == 3 %}
            <div class="big-bottom">{{batch}}</div>
          </div>
          {% endif %}
      {% endfor %}
  
      {% for batch in entry[3:2] %}
        {% if loop.index == 1 %}
          <div class="rowTwo">
            <div class="big-left">{{batch}}</div>
        {% elseif loop.index == 2 %}
            <div class="small-right">{{batch}}</div>
          </div>
        {% endif %}
      {% endfor %}
  
      {% for batch in entry[5:3] %}
        {% if loop.index == 1 %}
          <div class="rowThree">
            <div class="small-left">{{batch}}</div>
        {% elseif loop.index == 2 %}
            <div class="small-middle">{{batch}}</div>
        {% elseif loop.index == 3 %}
            <div class="small-right">{{batch}}</div>
          </div>
        {% endif %}
      {% endfor %}
  
      {% for batch in entry[8:2] %}
        {% if loop.index == 1 %}
        <div class="rowFour">
          <div class="small-left">{{batch}}</div>
        {% elseif loop.index == 2 %}
          <div class="big-right">{{batch}}</div>
        </div>
        {% endif %}
      {% endfor %}
  
  </div>
  {% endfor %}
  
  ```
  
  > **Comments:**
  > **username_1**: Had the same problem but yes the solutions is just making the batch bigger.  https://craftcms.stackexchange.com/questions/19179/making-an-entry-grid-with-batch-2-3-2-in-row-then-3-in-row  
  
  ---
  
  