Css в расширенном html-файле (дочернем файле) не работает в django

Я создал две html страницы и CSS файл в статической директории. Это мой main.html

{% load static %}
<html>
    <head>
        <title>  </title>

        <link rel ="stylesheet" href="{% static 'css/style.css' %}">
    </head>
    <body>
       
        <nav>
            <ul>
                <li><img src="{% static 'images/logo.jpg'%}"  height="49px" width="100px" >
                <li><a href=#> HOME</a></li>
                <li><a href=#> ABOUT</a></li>
                <li><a href="rent"> RENT</a></li>
                <li><a href="sale"> SALES</a></li>
            </ul>   
        </nav> 

    


        {% block content %}
        
        {% endblock  %}
        
    </body>
    <hr>
    <footer>

CSS в файле main.html работает, Это мой index.html

 {% extends 'main.html' %}

{% block content %}

<div id="showcase">

    <div class="section-main container" >
        <h1>House rent & Sale</h1>
        <p class="lead hide-on-small">This is a web application </p>
    </div>
</div>
{% endblock%}

CSS в файле index.html работает в сети. Как я могу решить эту проблему? Пожалуйста, помогите мне

Переместите {% block content %} выше заголовка в main.html

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