Ensure your "sm" subtitle is still legible. Most frameworks set text-sm to roughly 0.875rem (14px) . Going any lower can cause accessibility issues for visually impaired users.
The "subtitle sm" convention is more than just a label—it's a tool for creating balanced, responsive interfaces. Whether you're using it to style a card component or to create a skeleton placeholder while your app loads, understanding the "sm" modifier is key to professional front-end development. subtitle Sm
User experience research often highlights the "Skeleton" effect—where users perceive a page as loading faster if the layout structure is visible before the content. Ensure your "sm" subtitle is still legible
According to documentation on responsive behavior , using sm:text-xl on a card__subtitle allows the text to scale dynamically based on the user's device. 2. Why "Small" Subtitles Matter for UX The "subtitle sm" convention is more than just
If you are building a component (like a blog card), your HTML might look like this: