Получение несогласованного заполнения в CSS попутного ветра (на реакции + Vite) ⇐ CSS

[Anonymous]

Я получаю такой тип отступа /border . Нажмите ссылку ниже, чтобы просмотреть.
[Непоследовательное заполнение при попутном ветре]
Хочу вот так
(https://i.sstatic .net/2RsqliM6.png)
Я пытался получить границу с градиентом сверху вниз от фиолетового-900 до фиолетового-600. Но я не знаю, как это сделать.
Поэтому я обернул каждую карту в div и предоставил заполнение p-0,5, но это не похоже на единообразное заполнение со всех сторон.Любые решения.
Вот код макета карты.

Код: Выделить всё

const PlanCard = ({ price, features, onHover, isHovered }) => {
return (


{price}
[list]
{features.map((feature, index) => (
[*]
{feature.title}

{feature.points.map((point, idx) => (
{point}
))}
[/list]

))}


SELECT



);
};

export default PlanCard;

Хотите получить единообразные отступы или границу с градиентом вокруг элемента div.< /п>

Подробнее здесь: https://stackoverflow.com/questions/786 ... -reactvite