Displaying associative array data in twig
Sollution: 

Associative array: 

array_push($mealsArray, ["meal" =&gt;
  [
    'strMeal' =&gt; $mealTitle,
    'strMealThumb' =&gt; $mealImage,
    'mealUrl' =&gt; $mealTitleUrl
  ]
]);


Twig: 

{% for meal in meals %}
      {% for fields in meal %}
        &lt;div class="u-col-md-3 u-col-xs-6"&gt;
          &lt;div class="m-recipe"&gt;
            &lt;a class="m-recipe__link" href="/recipes/{{ fields.mealUrl }}"&gt;&lt;/a&gt;
            &lt;header class="m-recipe__header u-margin-bottom"&gt;
              &lt;h3&gt;{{ fields.strMeal }}&lt;/h3&gt;
            &lt;/header&gt;
            &lt;div class="m-recipe__image"&gt;
              &lt;img src="{{ fields.strMealThumb }}" alt="{{ fields.strMeal }}"&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        {% endfor %}
    {% endfor %}


The return statement remains unchanged.