@artchis

Почему первая запись выравнивается нормально, а вторая нет?

Первая запись выводиться ровно, вторая запись почему-то выводиться криво
CSS - Bootstrap 4
5ffb2514ad7f6186750887.png

Код:
{% 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 коду
  • Вопрос задан
  • 73 просмотра
Пригласить эксперта
Ответы на вопрос 2
Lord_Dantes
@Lord_Dantes Куратор тега HTML
Чат джунов t.me/developersjunior
Ага по идее, картинке ширину задайте фиксированную либо max-width. И не тэгами, а желательно CSS
Ответ написан
@HelpMeeee
Скорее всего просто ширина контейнера меньше, чем требуется
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы