Supported by more than 97% of web browsers, the line-clamp property allows developers to limit the number of lines of a paragraph without resorting to weird tricks like arbitrary truncation of text based on a defined number of words or characters. Unsurprisingly, TailwindCSS handles this property via the line-clamp-x class which also adds some required styles like overflow: hidden or display: -...
<!-- 🚫 Not working -->
<p class="line-clamp-3 hidden md:block">Lorem ipsum dolor sit amet [...].</p>