Details from the email thread:

• [[es:Template:cita]] applies a 'margin' in style element to that particular <blockquote>
• MobileFrontend CSS applies a 'width: 90%' to all <blockquote>s
• combination of these two ends up making the text spill offscreen because the specified margins are larger than the remaining 10% of the document width.

Recommended course of action:

• tweak the box model along with the width in the MobileFrontend CSS
• OR alternately... switch the 'width' there to a margin, which will get overridden by the style attribute.

I think styling blockquotes with margins (rather than width) makes the most sense, especially since the default user-agent styling of blockquotes is via margins. Right now the mobile styling of blockquotes is kind of a mess. First we override the user-agent styling by setting margins to 0, then we apply both a 90% width and a mix of padding and margins (margin to the top, padding to the left and bottom). Doing margin only would be much cleaner.

Change 84450 had a related patch set uploaded by Jdlrobson:
Fix blockquote styling

https://gerrit.wikimedia.org/r/84450

Change 84450 merged by jenkins-bot:
Fix blockquote styling

https://gerrit.wikimedia.org/r/84450

a455304 wrote:

The same file from tinypic which will be deleted

Attached: