Я обновил классы сетки в файле content-section.html.
Теперь используется комбинация классов col-12 col-md-4. Это означает, что:
Для мобильных телефонов (
col-12): каждая карточка будет занимать всю ширину экрана (100%) и располагаться на отдельной строке.Для планшетов и ПК (
col-md-4): карточки автоматически выстроятся в 3 колонки (каждая занимает 4/12 ширины).
Контент теперь будет лучше адаптироваться под разные размеры экрана так, как вы просили! Если нужны дополнительные стилистические правки для этой секции, дайте знать.
1 content-section.html content-section.html Исправь ошибки
Исправлено 4 ошибки:
| # | Строка | Проблема | Исправление |
|---|---|---|---|
| 1 | 7 | py-lg-6 — нестандартный Bootstrap-класс | → py-lg-5 |
| 2 | 8 | container container-fluid — конфликтующие классы | → container-fluid px-4 px-lg-5 |
| 3 | 15 | row без отступов — карточки слипались | Добавлен g-4 |
| 4 | 118 | max-width: 768px — пересекался с Bootstrap breakpoint md | → max-width: 767.98px |
1
Обсуждение статьи
0К этой статье пока нет комментариев. Будьте первым, кто выразит свое мнение!
Оставить комментарий
Связанные новости
10Похожие материалы
Улучшению приложения main
Исправления и улучшения Admin-панели
Результаты рефакторинга файловой структуры, шаблонов и стилей проекта
Я обновил шаблоны страниц «Портфолио» и «Услуги»