Блок в моем шаблоне отображается с неправильным отступом

У меня такая проблема: в шаблоне мой блок имеет правильный отступ, но когда он отображается, отступ не срабатывает и весь текст моего поста встает на свои места. Чтобы пояснить, я использую 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!!!

Вернуться на верх