Document page broken in iPhone5s safari browser

[runningdemo]

Document page broken in iPhone5s safari browser

[runningdemo]

http://tachyons.io/docs/typography/font-family/ Broken.

[runningdemo]

Last comment completion:
Device: iPhone6
Browser: Safari

[runningdemo]

http://tachyons.io/docs/typography/white-space

http://tachyons.io/docs/layout/spacing/

Broken as above.

[mrmrs]

@liaa - ahh thanks for catching this. I think I see what the problem is (text is too wide for viewport and breaking layout). Will try to fix this soon.

[johno]

Some further debugging on the layout issues

http://tachyons.io/docs/typography/font-family/ - The consolas section specifies the .code class, which sets the declaration white-space: pre, which causes it to blow out the width on smaller viewports

http://tachyons.io/docs/typography/line-height/ - The large leading font needs word-break: break-word to be declared in order to restrict the width on smaller viewports.

http://tachyons.io/docs/layout/spacing/ - .paxxxl section is simply too wide to illustrate the padding. Perhaps this needs a max-width of 100%?

http://tachyons.io/docs/typography/white-space/ - .no-wrap and .pre both cause the width to not be restricted. I dunno if there's anything we can do about this? Perhaps also add a max-width of 100%?

[mrmrs]

Believe the redesign fixes this issue 🙌