Tutorial headings not wrapping on Firefox and Safari

[BB-Loft]

As reported in this Discord conversation, on Firefox and Safari, the tutorial headings are not correcting wrapping due to the "truncate" class that's applied (the css command "text-wrap: pretty"is also used despite not being supported in Firefox, however that doesn't appear to be the cause of this, just a sidenote.

[linear]

EDU-487 Tutorial headings not wrapping on Firefox and Safari

[rxlxnd]

just a note: the problem that breaks this on mobile sm screens, are the tailwind flex classes on the two outer divs that interfere with grd. if you remove all the flex classes it scales fine. if you remove the truncate class the text becomes readable.