Math formatting: Overalapping with side bar

This formatting of this answer seems to overlap with the right sidebar:

Is anyone aware how can this be fixed (by, say, forcing MathJax to create a new line) automatically?

• It is what expected. Hilder uses 3 columns that can not be fir there. Latex, by default overflows and warns about them. It is the writers' response to correct/fix the overflows. – kelalaka Dec 12 '19 at 9:17
• I've made some updates, see the post. – kelalaka Dec 12 '19 at 9:22
• $\hskip -2.7em \color{black}{\Rule{2em}{1.8em}{2em}}$ Also, you can do stuff like this: $\rlap{\color{red}{\Rule{35em}{1em}{0.75em}}}$ – forest Dec 12 '19 at 9:24

It seems that replacing \begin{align} with \$\begin{align} - and adding a dollar sign at the end as well - adds a horizontal scrollbar. That means that the user needs to scroll a bit, but that seems a better option than overflowing into text for formulas that don't fit (without correct flow control). Obviously a better flow control would be the final solution, but this seems to be a good workaround. This workaround should be preferred to letting the text overflow, as that may well produce unreadable results. Comment here if the workaround does not work for you, and please include browser and environment information if you do.