Estoy construyendo una pagina con Django y Materialize css, y en una parte hay una seccion de solo cards con imagenes pero hay veces que el espasio entre las cards de abajo es muy grande y no se porque?
<div class="container">
<div class="row">
{% for job in jobs %}
{% if job.state != 'Delete' %}
<div class="col s12 m4" id="cardPublication">
<div class="card grey darken-3">
<div class="card-image">
<img src="https://es.stackoverflow.com/{{ job.image.url }}" class="materialboxed" alt="Builker trabajo {{ job.title }}">
</div>
<div class="card-content white-text">
<span class="card-title activator text-darken-4">{{ job.title }}<i class="material-icons right teal-text text-accent-3">more_vert</i></span>
<small>{{ job.city }}, {{ job.user.profile.country}}</small>
<br>
<small>{{ job.created }}</small>
</div>
<div class="card-reveal grey darken-3 white-text">
<span class="card-title text-darken-4">{{ job.title }}<i class="material-icons right teal-text text-accent-3">close</i></span>
<small>{{ job.city }}, {{ request.user.profile.country }}</small>
<p><i class="material-icons left">people</i>Cantidad de personal: <strong>{{ job.amount_people }}</strong></p>
{% if job.budget %}
<p><i class="material-icons left">attach_money</i>Prosupuesto: ${{ job.budget }}</p>
{% endif %}
<p>{{ job.description }}</p>
<a href="#" class="btn b waves-effect waves-teal teal accent-3 black-text col s12" style="margin: 20px 0px;"><i class="material-icons left">send</i>Enviar Propuesta</a>
<p><i class="material-icons left">place</i>Ubicacion</p>
<div id="mapP{{ job.id }}" style="height: 250px; width: 100%; margin-bottom: 10px;"></div>
</div>
</div>
</div>
{% endif %}
{% endfor %}
</div>
</div>