Первая запись выводиться ровно, вторая запись почему-то выводиться криво
CSS - Bootstrap 4
Код:
{% for el in news %}
<div class="album py-5 bg-light">
<div class="container">
<div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 g-3">
<div class="col">
<div class="card shadow-sm">
<img src="{{ el.images }}" alt="a red circle" height="225px" width="100%"/>
</svg>
<div class="card-body">
<p class="card-text">{{ el.anons }}</p>
<div class="d-flex justify-content-between align-items-center">
<div class="btn-group">
<a href="{{ el.text }}"<button type="button" class="btn btn-sm btn-outline-secondary">Дополнительно</button>
<a href="{{ el.link }}"<button type="button" class="btn btn-sm btn-outline-secondary">Скачать</button></a>
</div>
<small class="text-muted">{{ el.date }}</small>
</div>
</div>
</div>
</div>
{% endfor %}
По идее все записи должны идти по выше заданному HTML коду
