Блок в моем шаблоне отображается с неправильным отступом
У меня такая проблема: в шаблоне мой блок имеет правильный отступ, но когда он отображается, отступ не срабатывает и весь текст моего поста встает на свои места. Чтобы пояснить, я использую django для создания блога. Это просто личный проект, я начал изучать его около 4 месяцев назад. Актуальный блог
Вот исходный код, который я получаю: Исходный код
Как видите, весь код должен находиться справа от красной линии. Я не знаю, что происходит. Я пробовал все последние 4 часа и ничего. Дело в том, что это мой первый проект, поэтому я наделал много ошибок. Когда эта проблема появилась в первый раз, я не обратил на нее особого внимания, я думал, что это просто проблема html-кода и ее легко решить. Теперь я потерян. Это часть кода моего шаблона Base, где блок:
<!-- Main Content-->
<div class="container px-4 px-lg-5">
<div class="row gx-4 gx-lg-5 justify-content-center">
<div class="col-md-10 col-lg-8 col-xl-7">
<!-- Post preview-->
<div class="post-preview">
{% block content %}
{% endblock %}
</div>
</div>
</div>
</div>
Вот код моего дома:
{% extends 'blog/base.html' %}
{% block content %}
{% for post in posts %}
<div class="post-preview">
<img class="rounded-circle article-image" src="{{ post.autor.profile.image.url }}" alt="">
<a href="{% url 'post-detail' post.id %}">
<h2 class="post-title">{{ post.titulo }}</h2>
<h3 class="post-subtitle">{{ post.contenido }}</h3>
</a>
<p class="post-meta">
Posteado por
<a href="{% url 'user-post' post.autor.username %}">{{ post.autor }}</a>
<small class="text-muted"> {{ post.date_posted|date:"F d, Y" }} </small>
</p>
</div>
<!-- Divider-->
<hr class="my-4" />
{% endfor %}
{% if is_paginated %}
{% if page_obj.has_previous %}
<a class="btn btn-outline-info mb-4" href="?page=1">Primera</a>
<a class="btn btn-outline-info mb-4" href="?page={{ page_obj.previous_page_number }}">Anterior</a>
{% endif %}
{% for num in page_obj.paginator.page_range %}
{% if page_obj.number == num %}
<a class="btn btn-info mb-4" href="?page={{ num }}">{{ num }}</a>
{% elif num > page_obj.number|add:"-3" and num < page_obj.number|add:"3" %}
<a class="btn btn-outline-info mb-4" href="?page={{ num }}">{{ num }}</a>
{% endif %}
{% endfor %}
{% if page_obj.has_next %}
<a class="btn btn-outline-info mb-4" href="?page={{ page_obj.next_page_number }}">Siguiente</a>
<a class="btn btn-outline-info mb-4" href="?page={{ page_obj.paginator.num_pages }}">Ultima</a>
{% endif %}
{% endif %}
{% endblock %}
Я имею в виду, что отступы просто кажутся нормальными. Возможно, это как-то связано с представлениями и тем, как они обрабатывают шаблон. Я не знаю, я просто слишком новичок во всем этом, чтобы сделать хорошее предположение.
Чтобы закончить, я думаю, я помню, что проблема началась, когда я добавил ссылку в href в каком-то месте, но я не уверен, возьмите это с БОЛЬШОЙ крупой соли.
Если вам нужны файлы или что-то еще, дайте мне знать.
Заранее танков за любую помощь, извините за ломаный английский и извините, если информация не так хорошо. Cheers from Argentina!!!