Я обновил шаблоны и стили, чтобы услуги выводились по 2 карточки в ряд, как на главной странице услуг, так и внутри отдельных категорий:
Главная страница услуг (
/services/): В файлеlist.htmlизменена сетка Bootstrap. Классы<div class="col-12 col-md-6 col-lg-4">заменены на<div class="col-12 col-md-6">, что позволяет отображать строго по 2 карточки в ряд на средних и больших экранах.Страницы категорий услуг (
/services/category/.../): В файлеservices-list.cssправилоgrid-template-columnsдля класса.services-gridизменено с автоматического заполнения (auto-fill) на жесткие 2 колонки (repeat(2, 1fr)) для экранов от 768px.Чтобы изменения стилей применились моментально, я также запустил
python manage.py collectstatic --noinput --clear, так что CSS кэши обновлены.
Можете обновить страницу (при необходимости сбросьте кэш браузера через Ctrl + F5), и услуги начнут выводиться по две на строчку. Размеры карточек автоматически подстроятся под новый размер.
2
Обсуждение статьи
0К этой статье пока нет комментариев. Будьте первым, кто выразит свое мнение!
Оставить комментарий
Связанные новости
10Похожие материалы
Улучшению приложения main
Исправления и улучшения Admin-панели
Результаты рефакторинга файловой структуры, шаблонов и стилей проекта
Я обновил шаблоны страниц «Портфолио» и «Услуги»