Update fluid heading styles docs

[abdonrd]

It helps with #3747

Update fluid heading styles docs

Changelog

Changed

• Update fluid heading styles docs

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
carbondesignsystem	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	May 12, 2024 6:43pm

[jeanservaas]

At @abdonrd I think we can get even more clear on the behavior description. I took a pass here.

Current copy

Fluid heading styles
The fluid heading styles are primarily used in web pages, and are therefore part of the expressive set of type styles. These headings are responsive and the type styles change size at different breakpoints.

Do not use these styles inside a container. They may be used in product pages where text sits outside of a container, and a blend of expressive and productive type styles is desired for hierarchy and distinction. For more information, see Style strategies.

Updated copy

Fluid heading styles
The fluid heading styles are primarily used in web pages, and are therefore part of the expressive set of type styles. These headings are responsive and the type styles actually change size incrementally (almost imperceptibly) between the different breakpoints — hence the name "fluid."

Do not use these styles inside a container. They may be used in product pages where text sits outside of a container, and a blend of expressive and productive type styles is desired for hierarchy and distinction. For more information, see Style strategies.

Note: the slider below shows the type sizes jumping abruptly between breakpoints, which is not a good representation of the actual behavior.

[Kritvi-bhatia17]

Thank you @jeanservaas for the clarification!
Good catch @abdonrd, looks good to me 🎉