Display parent category with nested child categories and related entries I'm struggling to loop through level 1 categories
and display as a category title
and then show nested level 2 categories (via a category title) under which I want to nest related categories
to achieve:
PARENT CATEGORY

CHILD CATEGORY


related entry




related entry




related entry


CHILD CATEGORY


related entry




related entry




related entry



although the content and order is correct, I have divs closing in the wrong place so can't control which content is positioned by flexbox using this code:
{% for category in craft.categories.group('team') %}

{% if category.level == 1 %}

&lt;div class=&quot;container mx-auto bg-red-300 flex&quot;&gt;    

     &lt;p class=&quot;flex-none w-full text-6xl my-20&quot;&gt;&lt;a href=&quot;{{ category.url }}&quot;&gt;{{ category.title }} LEVEL 1&lt;/a&gt;&lt;/p&gt;    

     {% endif %}

     &lt;div class=&quot;container mx-auto bg-green-300  flex&quot;&gt;

          &lt;div class=&quot;w-1/4&quot;&gt;
               {% if category.level == 2 %}
               &lt;div class=&quot;bg-green-700 text-3xl&quot;&gt;
               {{ category.title }} LEVEL 2
               &lt;/div&gt;
               {% for entry in craft.entries.section('team').relatedTo(category).all() %}       
 &lt;div class=&quot;bg-green-500&quot;&gt;
               &lt;dl&gt;
                    &lt;dt style=&quot;color:#EB8B2D;&quot;&gt;{{entry.title}}&lt;/dt&gt;

                    &lt;dd&gt;{{entry.positionTitle}}
                    &lt;/dd&gt;
                    &lt;dd&gt;&lt;a href=&quot;mailto:{{entry.emailAddress}}&quot;&gt;{{entry.emailAddress}}&lt;/a&gt;&lt;/dd&gt;
                    &lt;dd&gt;&lt;strong&gt;Tel: &lt;/strong&gt;{{entry.telephoneNumber}}&lt;/dd&gt;
                    &lt;dd&gt;&lt;strong&gt;Mob:&lt;/strong&gt; {{entry.mobileNumber}}&lt;/dd&gt;
               &lt;/dl&gt;
&lt;/div&gt; 
               {% endfor %} 
               
               {% endif %}
          &lt;/div&gt;
     &lt;/div&gt;

&lt;/div&gt;

{% endfor %}
This won't be super efficient if you have a loads of teams/people as it will run an entry query per subteam (and it won't check for empty teams either) but it should get you started.
{% set categories = craft
    .categories()
    .group('team')
    .level(1)
    .with('children')
    .all() %}

{% for category in categories %}
&lt;div class=&quot;container mx-auto bg-red-300 flex&quot;&gt;
    &lt;p class=&quot;flex-none w-full text-6xl my-20&quot;&gt;&lt;a href=&quot;{{ category.url }}&quot;&gt;{{ category.title }}&lt;/a&gt;&lt;/p&gt;
    {% for child in category.children %}
        &lt;div class=&quot;bg-green-700 text-3xl&quot;&gt;
            {{ child.title }}
        &lt;/div&gt;
        {% for entry in craft.entries.section('team').relatedTo(child).all() %}
            &lt;div class=&quot;bg-green-500&quot;&gt;
                &lt;dl&gt;
                    &lt;dt style=&quot;color:#EB8B2D;&quot;&gt;{{entry.title}}&lt;/dt&gt;

                    &lt;dd&gt;{{entry.positionTitle}}
                    &lt;/dd&gt;
                    &lt;dd&gt;&lt;a href=&quot;mailto:{{entry.emailAddress}}&quot;&gt;{{entry.emailAddress}}&lt;/a&gt;&lt;/dd&gt;
                    &lt;dd&gt;&lt;strong&gt;Tel: &lt;/strong&gt;{{entry.telephoneNumber}}&lt;/dd&gt;
                    &lt;dd&gt;&lt;strong&gt;Mob:&lt;/strong&gt; {{entry.mobileNumber}}&lt;/dd&gt;
                &lt;/dl&gt;
            &lt;/div&gt;
        {% endfor %}
    {% endfor %}
&lt;/div&gt;
{% endfor %}