Twig display only 3 elements?

by Zsanett Tamás

HTML

<div class="row">

  {% for ad in articles %}
  <div class="wrap col-12 col-lg-4 col-xl-4 pt-4 pb-4 pb-md-4 pb-xl-3">
    <div class="card">
      <img class="card-img-top" src="/uploads/images/advertisements/{{ ad.image }}" alt="{{ ad.name }}"> {# TODO: base url #}
      <div class="card-body">
        <h4 class="card-title text-uppercase"><strong>{{ ad.name }}</strong></h4>
        <p class="card-text text-muted">{{ ad.lead }}</p>
        <div class="prod-card-link-group">
          <a href="{{ path('article_index', { 'id': ad.id }) }}" class="stretched-link prod-card-link">Tovább</a><br>
        </div>
        <small class="position-absolute">
          <img src="{{ asset('assets/img/geotag.png') }}" class="pr-2" alt="{{ ad.place }}">{{ ad.place }}
        </small>
      </div>
    </div>
  </div>
  {% endfor %}

</div>