Permalink
Browse files

Copy edits from Mr. Riddle

  • Loading branch information...
1 parent c57dfd7 commit 349ecea2369e1e0bbd2d344b154c84540eaaabb7 Jonathan Smiley committed May 17, 2012
Showing with 4 additions and 4 deletions.
  1. +4 −4 index.html
View
@@ -47,7 +47,7 @@
<div class="row">
<div class="twelve columns">
<h1>Responsive Tables</h1>
- <h4 class="subhead">A CSS/JS solution for tables that allows them to shrink on small devices with sacrificing the value of tables, comparison of columns.</h4>
+ <h4 class="subhead">A CSS/JS solution for tables that allows them to shrink on small devices without sacrificing the value of tables, comparison of columns.</h4>
<p>Our solution for responsive tables requires two included files (both linked on this page): responsive-tables.css and responsive-tables.js.</p>
<p>The JS will help us create some new elements on small devices, so we don't have to modify our table markup on the page. The CSS applies the requisite positioning and overflow styles to make the new elements work.</p>
@@ -116,7 +116,7 @@ <h5>Small Word Table</h5>
<div class="row">
<div class="six columns">
- <p>In most cases, tables like this are okay at smaller sizes (since they'll break on every small word). However with this many columns a very small device like a phone would still be a problem.</p>
+ <p>In most cases, tables like this are okay at smaller sizes (since they'll break on every small word). However, with this many columns a very small device like a phone would still be a problem.</p>
</div>
<div class="six columns">
<p>By attaching a class of <strong>.responsive</strong> to the table, our JS/CSS will kick in.</p>
@@ -218,10 +218,10 @@ <h5>Larger Content Table</h5>
<div class="row">
<div class="six columns">
- <p>The effect is even more pronounced on a table like this exciting one detailing how to craft different armor types in Skyrim (we're nerds, okay).</p>
+ <p>The effect is even more pronounced on a table like this one, where we detail how to craft different armor types in Skyrim (we're nerds, okay).</p>
</div>
<div class="six columns">
- <p>Notice on a small device how we maintain the left column with this much content.</p>
+ <p>Notice on a small device how we maintain the left column when it has so much content.</p>
</div>
</div>

0 comments on commit 349ecea

Please sign in to comment.