Итак, я новичок в django и веб-разработке, и в настоящее время я пытаюсь создать блог-сайт, используя django. Я скачал этот шаблон. Вы можете проверить исходную страницу по этой ссылке.
После использования DTL и добавления моих собственных изображений в раздел сообщений, макет изображения изменяется. Разделительная часть (изображение с камнями) сжимается по ширине, хотя я ее не трогал. К этой части я также добавил коды {% stati c%}.
Чтобы решить эту проблему, позже я снова добавил исходные изображения в сообщения, но разделитель не возвращается в нормальное состояние.
Вот код, который я использовал:
<section style="background: url({% static 'img/divider-bg.jpg' %}); background-size: cover; background-position: center bottom" class="divider">
<div class="container">
<div class="row">
<div class="col-md-7">
<h2>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</h2><a href="#" class="hero-link">View More</a>
</div>
</div>
</div>
</section>
Что-то не так я сделал здесь?
Вот как это первоначально выглядело 
А вот как это выглядит сейчас 
Как видите, ширина уменьшилась. Разрыв с разделом выше также сократить (на самом деле ни один). Почему это происходит?