Problema ao exibir estilização CSS no site. Como remover '{% extends 'main.html' %}' e resolver?

[suehtam]

Estou com dificuldade, esta aprecendo isso "{% extends 'main.html' %}"{% endblock %} quando abro o navegador para ver minha estilização que nao aparece, o que faço para tirar esses negocios e o site funcionar certo e aparecer a estilização css

{% extends 'main.html' %}

 

{% block content %}

<div class="container">

    <div class="row justify-content-center mt-5">

        <div class="col-md-6">

            <div class="card">

                <div class="card-header bg-primary text-white text-center">

                    <h2>Bem-vindo ao</h2>

                </div>

                <div class="card-body">

                    <p class="text-center">Por favor, faça login para acessar o painel.</p>

                    <a href="/painel/" class="btn btn-primary btn-lg btn-block">Painel de Login</a>

                </div>

            </div>

        </div>

    </div>

</div>

{% endblock %}

 

 

[Rogerio Santos]

O trecho {% extends 'main.html' %} indica que esse arquivo de modelo estende o modelo principal 'main.html', o que é uma prática comum para reaproveitar a estrutura de página em várias páginas do seu site.

A razão pela qual você vê o código entre chaves {% ... %} no navegador é que esses são comandos do Django e não serão renderizados diretamente no navegador. No entanto, o conteúdo dentro do bloco {% block content %} deve ser renderizado quando você carrega a página, incluindo o HTML e o CSS associados a ele.

Se a estilização CSS não está sendo aplicada corretamente, você deve verificar algumas coisas:

Certifique-se de que o arquivo CSS associado a essa página esteja corretamente vinculado no modelo 'main.html'. Você deve ter uma tag <link> no cabeçalho do seu 'main.html' que referencia o arquivo CSS necessário. Por exemplo:

<link rel="stylesheet" type="text/css" href="{% static 'seuarquivo.css' %}">

Verifique se o caminho do arquivo CSS está correto. Certifique-se de que o arquivo CSS esteja no local correto e que o caminho especificado na tag <link> esteja correto.

Certifique-se de que não haja erros de sintaxe no seu arquivo CSS que possam estar impedindo que as regras sejam aplicadas corretamente.

Se você seguir essas etapas e ainda tiver problemas com a estilização não aparecendo, pode ser útil compartilhar mais detalhes sobre sua configuração e estrutura de arquivos para obter uma ajuda mais específica.