HTML hizalama sorunu

`

{% if articles %}

{% for article in articles %}
<div class="leftcolumn">
    <div class="card">

        <h2>
            <a href="/articles/article/{{article.id}}"><h2 class="mt-4">{{article.title}}</h2></a>
        </h2>

        <h5>{{article.created_date}} Tarihinde Yayınlandı.</h5>

        {% if article.article_image %}
        <img class="img-fluid rounded" src="{{article.article_image.url}}" alt="">
        {% endif %}

        <p class="lead">
            {{article.content|safe|truncatewords:50}}
        </p>
        <hr>

    </div>
</div>

{% endfor %}

{% else %}
<div class="alert alert-danger">
    Makale Bulunamadı.
</div>
{% endif %}
<div class="rightcolumn">

        <div class="card">
            <h2>About Me</h2>

        </div>
        <div class="card">
            <h3>Popular Post</h3>

        </div>
        <div class="card">
            <h3>Follow Me</h3>
        </div>

</div>
`

Merhaba iyi akşamlar,
Django öğrenmeye calısıyorum. HTML hakkında da pek bir bilgim yok. About me, Popular Post, Follow Me kısmının sağ yukarıda olmasını istiyorum. Ama biR türlü beceremedim. For döngüsünden kaynaklı olduğunu düşünüyorum. Yardım eder misiniz

Style (CSS) kaynakli gibi duruyor.

HTML’i de gorsek fena olmaz.