Как сделать разрыв, не покрытый градиентом. Или, может быть, есть другие способы достижения этого результата? [дублирова ⇐ CSS

[Anonymous]

Я пытаюсь применить один фоновый градиент на сетку карт (статистические блоки) в React с использованием Tailwind CSS. Цель состоит в том, чтобы градиент был видимым только на картах, в то время как промежутки между ними остаются прозрачными. < /P>
Что мне нужно:
Введите описание изображения здесь < /p>
Что у меня есть:
Введите описание изображения здесь < /p>
my code < /p>



{statisticData.map((item, index) => (

))}


< /code>
statisticblock: < /p>
className={clsx(
className,
"flex flex-col items-center justify-center p-4 rounded-xl text-black text-center",
col === 2 && "col-span-2",
col === 3 && "col-span-3",
row === 2 && "row-span-2",
row === 3 && "row-span-3"
)}
>
{title}
{subtitle}



Подробнее здесь: https://stackoverflow.com/questions/796 ... me-other-w