Fix broken phone view

Author: mrmrs

docs/typography/measure/index.html

@@ -83,15 +83,19 @@ <h4 class="f4 mv0 fw6 dib mr4">tachyons-typography</h4>
       </article>
       <div class="ph3 ph5-ns">
         <h1 class="f5 fw4 sans-serif pt5 ttu black"><b>6rem/96px</b> at <b>30em</b></h1>
-        <p class="f-headline measure lh-title mt4">
-          Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy.
-        </p>
+        <div class="w-100 overflow-x-scroll">
+          <p class="f-headline measure lh-title mt4">
+            Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy.
+          </p>
+</div>
         <h1 class="f5 fw4 sans-serif pt5 ttu black"><b>5rem/80px</b> at <b>30em</b></h1>
+        <div class="w-100 overflow-x-scroll">
         <p class="f-subheadline measure lh-title mt4">
           Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy.
         </p>
+</div>
         <h1 class="f5 fw4 sans-serif pt5 bt b--black-10 ttu black"> <b>3rem(48px)</b> at <b>30em</b></h1>
-        <div class="pb4">
+        <div class="pb4 w-100 overflow-x-scroll">
           <p class="f1 measure lh-title mt4">
             Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
             tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At

src/templates/docs/measure/index.html

@@ -47,15 +47,19 @@ <h4 class="f4 mv0 fw6 dib mr4"><%= name %></h4>
       </article>
       <div class="ph3 ph5-ns">
         <h1 class="f5 fw4 sans-serif pt5 ttu black"><b>6rem/96px</b> at <b>30em</b></h1>
-        <p class="f-headline measure lh-title mt4">
-          Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy.
-        </p>
+        <div class="w-100 overflow-x-scroll">
+          <p class="f-headline measure lh-title mt4">
+            Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy.
+          </p>
+</div>
         <h1 class="f5 fw4 sans-serif pt5 ttu black"><b>5rem/80px</b> at <b>30em</b></h1>
+        <div class="w-100 overflow-x-scroll">
         <p class="f-subheadline measure lh-title mt4">
           Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy.
         </p>
+</div>
         <h1 class="f5 fw4 sans-serif pt5 bt b--black-10 ttu black"> <b>3rem(48px)</b> at <b>30em</b></h1>
-        <div class="pb4">
+        <div class="pb4 w-100 overflow-x-scroll">
           <p class="f1 measure lh-title mt4">
             Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
             tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At