correcting spelling and fixing grammar via tachyons-css#57 and tachyons-css#55

Author: james-oldfield

docs/elements/images/index.html

@@ -58,12 +58,12 @@ <h4 class="f4 mv0 fw6 dib mr4">images</h4>
         <h2 class="f3 bold">Examples</h2>
         <h3 class="f5 book pt4 caps">Image</h3>
         <p class="measure lh-copy f5 f4-ns">
-          This photo is more than 3000 pixels wide. The width is set to 100% to ensure it doesn't bleed off the viewport and always fills its container. In some situations, this will make the image stretch to be larger than it's actual width. To avoid the image stretching past it's width, set max-width instead.
+          This photo is more than 3000 pixels wide. The width is set to 100% to ensure it doesn't bleed off the viewport and always fills its container. In some situations, this will make the image stretch to be larger than its actual width. To avoid the image stretching past its width, set max-width instead.
         </p>
         <code class="f6 db mv3">&lt;img src="/img/over-canvas.jpg" class="w-100" alt="night sky over land"&gt;</code>
         <img src="/img/over-canvas.jpg" class="w-100" alt="night sky over land">
         <p class="f5 f4-ns lh-copy measure mt4">
-          The image below is 720 pixels wide, it will fill it's container until the container is wider than 720 pixels.
+          The image below is 720 pixels wide, it will fill its container until the container is wider than 720 pixels.
         </p>
         <code class="f6 db mv3">&lt;img src="/img/under-canvas.jpg" class="mw-100" alt="night sky over water"&gt;</code>
         <img src="/img/under-canvas.jpg" class="db mw-100" alt="night sky over water">

docs/layout/floats/index.html

@@ -80,7 +80,7 @@ <h4 class="f4 mv0 fw6 dib mr4">tachyons-floats</h4>
         <p class="measure f4 lh-copy">
           Floats may be set on any element, but it will only affect elements
           that aren't absolutely positioned. When you float an element
-          you inherintly set it's display to block.
+          you inherently set its display to block.
         </p>
         <p class="measure f4 lh-copy">
           There are only three values that can be declared for float: left, right, or none.

src/templates/docs/floats/index.html

@@ -39,7 +39,7 @@ <h4 class="f4 mv0 fw6 dib mr4"><%= name %></h4>
         <p class="measure f4 lh-copy">
           Floats may be set on any element, but it will only affect elements
           that aren't absolutely positioned. When you float an element
-          you inherintly set it's display to block.
+          you inherently set its display to block.
         </p>
         <p class="measure f4 lh-copy">
           There are only three values that can be declared for float: left, right, or none.

src/templates/docs/images/index.html

@@ -17,12 +17,12 @@ <h4 class="f4 mv0 fw6 dib mr4">images</h4>
         <h2 class="f3 bold">Examples</h2>
         <h3 class="f5 book pt4 caps">Image</h3>
         <p class="measure lh-copy f5 f4-ns">
-          This photo is more than 3000 pixels wide. The width is set to 100% to ensure it doesn't bleed off the viewport and always fills its container. In some situations, this will make the image stretch to be larger than it's actual width. To avoid the image stretching past it's width, set max-width instead.
+          This photo is more than 3000 pixels wide. The width is set to 100% to ensure it doesn't bleed off the viewport and always fills its container. In some situations, this will make the image stretch to be larger than its actual width. To avoid the image stretching past its width, set max-width instead.
         </p>
         <code class="f6 db mv3">&lt;img src="/img/over-canvas.jpg" class="w-100" alt="night sky over land"&gt;</code>
         <img src="/img/over-canvas.jpg" class="w-100" alt="night sky over land">
         <p class="f5 f4-ns lh-copy measure mt4">
-          The image below is 720 pixels wide, it will fill it's container until the container is wider than 720 pixels.
+          The image below is 720 pixels wide, it will fill its container until the container is wider than 720 pixels.
         </p>
         <code class="f6 db mv3">&lt;img src="/img/under-canvas.jpg" class="mw-100" alt="night sky over water"&gt;</code>
         <img src="/img/under-canvas.jpg" class="db mw-100" alt="night sky over water">