Я обновил блок «Связанные новости» в шаблоне детальной страницы новости (detail.html).
Что было улучшено:
- Адаптивность (Grid): Добавлены классы
col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12, благодаря которым карточки теперь корректно перестраиваются на любых экранах (от 1 колонки на смартфонах до 4 на больших мониторах). - Единый визуальный стиль: Внешний вид карточек связанных новостей приведен в соответствие с основной лентой (добавлено отображение обложки новости или стильной заглушки, если картинки нет).
- Удобство использования (UX): Добавлен класс
stretched-link— теперь вся карточка кликабельна, а не только заголовок или кнопка. - Визуальное разделение: Добавлен отступ и мягкая граница сверху (
border-top), чтобы логически отделить блок связанных новостей от основного текста статьи. - Метаданные: Дата и категория теперь оформлены аккуратными плашками, как и в других разделах