For documenting guidelines, Design Style Guide needs a way to show "Do" and "Don't" guideline pattern.
This is the current look after the main patch got merged.
Two small amendment over latest design: Boldening of Do & Don't and also putting into color. Also, we're staying with the unicode characters for checkmark and x here for code simplification reasons.
✓ Everything's responsive and separated from full-edge figure elements.
One small question: Dealing with indentation, separate line and indentation of text description?
From today's Design Review meeting, we'll stay for now with the current layout and iterate if necessarily of the indentation or a possible new line alternative. Problem with indentation solution is, it would be language-dependent, and not i18n friendly.