надо чтобы текст выбарнной новости, нажатием на ссылку подробнее,  отображался в левом столбце , а он сейчас отображестя справа.          .preview {
                  font-size: 13px;
                  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
                }
              
                .selected-news {
                  text-align: center;
                  margin-top: 50px;
                }
                      
                .news-container {
                  display: grid;
                  grid-template-columns: 3fr 1fr;
                  grid-auto-rows: minmax(100vh, auto);
                  grid-gap: 20px;
                  
                }
              
                .other-news {
                  overflow-y: auto;
                  display: flex;
                  flex-direction: column;
                }
              
                .news-item {
                  overflow-y: auto;
                  margin-bottom: 20px;
                }
              </style>
              
              <div class="news-container">
                {% if news %}
                {% for single_news in news reversed %}
                {% if forloop.first %}
                <div class="selected-news">
                  <p>
                    <span class="complete-preview">{{ single_news.content_preview }}</span>
                  </p>
                </div>
                {% endif %}
                {% endfor %}
                {% endif %}
                <div class="other-news">
                  {% for news_item in news reversed %}
                  <br>
                  <div class="news-item">
                    <p>
                      <strong class="is-pulled-right">
                        <span class="complete">{{ news_item.title }}</span>
                      </strong>
                      <br>
                      <span class="complete- date" id="publish-date-{{ news_item.id }}" data-publish-date="{{ news_item.publish_data }}">{{ news_item.publish_data }}</span>
                      <br>
                      <span class="complete- preview">{{ news_item.content_preview }}</span>
                      <a href="#" class="preview" data-news-id="{{ news_item.id }}">Подробнее</a>
                    </p>
                  </div>
                  <div class="news-content news-item" id="news-content-{{ news_item.id }}" style="display: none;">
                    <!-- Здесь разместите текст новости -->
                    {{ news_item.content }}
                  </div>
                  {% endfor %}
                </div>
              </div>
              
              <script>
                // Получаем все ссылки "Подробнее"
                var previewLinks = document.getElementsByClassName("preview");
              
                // Перебираем ссылки и добавляем обработчик события при клике
                for (var i = 0; i < previewLinks.length; i++) {
                  previewLinks[i].addEventListener("click", function(event) {
                    event.preventDefault(); // Предотвращаем переход по ссылке
              
                    // Получаем id новости из атрибута data-news-id
                    var newsId = this.getAttribute("data-news-id");
              
                    // Скрываем текст всех новостей
                    var newsContents = document.getElementsByClassName("news-content");
                    for (var j = 0; j < newsContents.length; j++) {
                      newsContents[j].style.display = "none";
                    }
              
                    // Отображаем выбранный текст новости
                    var newsContent = document.getElementById("news-content-" + newsId);
                    newsContent.style.display = "block";
                    newsContent.parentElement.classList.add("selected-news"); // Добавляем класс selected-news родительскому элементу
              
                    // Удаляем класс selected-news у остальных новостей
                    var otherNewsItems = document.getElementsByClassName("news-item");
                    for (var k = 0; k < otherNewsItems.length; k++) {
                      if (!otherNewsItems[k].classList.contains("selected-news")) {
                        otherNewsItems[k].classList.remove("selected-news");
                      }
                    }
                  });
                }
              </script>  что нужно изменить?   на русском пиши