need help with tailwindcss.
Hello guys ,how can I avoid this text overflow, I have tried text wrap but it isn't working.
7 Replies
Please send the actual code and not a photo of it. Also send the code of the wrapper around the task component.
Tailwind Play
Tailwind Play
An advanced online playground for Tailwind CSS that lets you use all of Tailwind's build-time features directly in the browser.
and you can copy a section of your code from the devtools in your browser even if it's react or rendered on a backend: https://cdn.discordapp.com/attachments/1238813047452340265/1238872592337731696/image.png?ex=6640dd83&is=663f8c03&hm=feecf9ba87037d19f0a44f345eac895cde9a536de9ed2842cb5026e97c8cbb15&
you are probably looking for word break
Try
break-wordsif you want all the tasks to have same height and display only the first bits of a task try truncate, https://tailwindcss.com/docs/text-overflow#truncate
Text Overflow - Tailwind CSS
Utilities for controlling text overflow in an element.
It worked
Thanks mate 👍
It was my first post, will do it from next time
I didn't know there was something like Tailwind play,
Thanks for sharing