Почему фотография не двигает Джанго
Я не могу ничего сделать с моей картинкой. Она отображается, но мой CSS-файл не работает должным образом. Класс сетки тоже HTML:
{% extends 'main/base.html' %}
{% load static %}
{% block title %}
{{title}}
{% endblock %}
{% block content %}
<link rel = 'stylesheet' href = "{% static 'main/css/main.css' %}">
<body>
<div class="grid-wrapper">
<header class="grid-header">
<img class="circles" width="1400px" height="249px" src="{% static 'main/img/main2.jpg' %}">
</header>
<div class="grid-content">
Контент
</div>
</div>
<body>
{% endblock %}
css:
.cicles {
display: block;
margin-left: auto;
margin-right: auto;
}
Я пытаюсь работать с pic через .grid-header и .grid-wrapper. Не работает