xxxxxxxxxx
<p class="line-clamp-3">
Here's a block of text from a blog post that isn't conveniently three lines long like you designed
for originally. It's probably like 6 lines on mobile or even on desktop depending on how you have
things laid out. Truly a big pain in the derriere, and not the sort of thing you expected to be
wasting your time trying to deal with at 4:45pm on a Friday am I right? You've got tickets to
SmackDown and you heard there's gonna be a dark match with that local guy from two towns over that
your cousin went to high school with before the show starts, and you're gonna miss it if you're
not there early.
</p>
See installation details: https://tailwindcss.com/blog/multi-line-truncation-with-tailwindcss-line-clamp
xxxxxxxxxx
npm install @tailwindcss/line-clamp
yarn add @tailwindcss/line-clamp
xxxxxxxxxx
npm install @tailwindcss/line-clamp
module.exports = {
// ...
plugins: [
// ...
require('@tailwindcss/line-clamp'),
],
}