{% for category in category %}
        <article class="card-wrapper">
            <div class="card_column_flex">
                    <p>{{ category.category_name }} </p>
            </div>
            <div class="prod-list">
                <ul>
                    {% for  product in product%}
                    <li>{{ product.name }}</li>
                    {% endfor %}

                </ul>
            </div>
            <!--<div class="card-button-self">
            <button>Нажми</button>
            </div>-->
        </article>
        {% endfor %}