Я работал над тарифным планом на основе
https://codepen.io/chaoticpotato/pen/zYEPRYG. Однако, когда текст каждого пункта списка состоит из более чем одной строки, текст каждой строки перемещается немного влево. В результате фоновое изображение пункта списка отображается лишь частично и теряет видимость на каждую строку текста.
- 2 ссылки
- Собственная аналитическая платформа.
- Поддержка в чате
- Мобильное приложение
- Неограниченное количество пользователей
.featureList { --цвет: #000; --icon: var(--redTick); --высота: 0,875 рем; маржа: 0 0 2,75бэр; заполнение: 0; вес шрифта: 500; ли { цвет: вар (--цвет); поле-дно: 2rem; дисплей: гибкий; выровнять-элементы: по центру; разрыв: 1рем; &:до { содержание: ""; фоновое изображение: var (--icon); размер фона: обложка; дисплей: блок; ширина: 1,125рем; высота: вар (--высота); } &:последний ребенок { поле-дно: 0; } &.неполноценный { --цвет: #b1b8c9; --высота: 1,125 рем; --icon: var (-- close); } } } Как это исправить? Мне пришлось поискать в Интернете, но пока я не смог найти подходящего решения.
Мобильная версия