On mobile resolutions, long headings get cut off and become hard to understand/read; <img width="405" height="858" alt="Image" src="https://github.com/user-attachments/assets/89ba2209-29e2-4b51-94bb-07aaaf5af8c3" /> `code` elements can cause content overflow on mobile resolutions when the content is long; <img width="405" height="858" alt="Image" src="https://github.com/user-attachments/assets/28572e24-bf3b-480e-a458-ec576f07e508" /> <img width="405" height="281" alt="Image" src="https://github.com/user-attachments/assets/b5bea01d-b4cd-45ae-9446-03ba873cc6a1" />