Как сделать так, чтобы длинный текст не выдавлилвал цену из блока?

Question

[evomed]

Код https://play.tailwindcss.com/NP4Z3IBXO3
Если текст Item слишком длинный (см первый товар в списке), то он тогда выдавливает цену. Особенно это заметно при изменении ширины экрана - блоки не успевают перестроиться в колонку, заданную в размерах, а название товара с ценой залезает на соседние блоки. Как бы заставить раньше сработать truncate или, еще лучше - чтобы название товара переносилось на другую строчку еще до соприкосновения с ценой.

Comments

[Антон Антон]

Я бы сжёг нафиг эту верстку (

Answer 1

[Антон Антон]

https://play.tailwindcss.com/gHtpfh8F2Q но эти бездумные миллион вложенных флексов смешанных со space-x все равно сжечь

Comments

[evomed]

То, что надо

Answer 2

[Максим Иванов]

https://imgur.com/a/hZeGscZ

Comments

[evomed]

Это уже совсем мальнький экран, когда блоки перенеслись в колонку. Проблема с выдавливанием цены возникает, когда 2 блока (товары и блок тотал инфы) в одну строчку.