improve wording & styling

nikgraf · nikgraf · commit 0040be061514 · 2016-03-15T18:10:19.000-07:00
diff --git a/site/components/App/index.js b/site/components/App/index.js
@@ -122,7 +122,7 @@ export default class App extends Component {
             <Heading level={ 2 }>Why?</Heading>
             <p className={ styles.whyText }>
               DraftJS allows you to create powerful editors. This Plugin Architecture
-              aims to provide you as developer to leverage and create plug & play extensions with great UX while serving Mobile & Desktop as well as Screenreaders.
+              aims to provide you as a developers to use and create plug & play extensions. It comes with a set of plugins with great UX and serving Mobile & Desktop as well as Screenreaders.
             </p>
             <div style={{ textAlign: 'center' }}>
               <iframe
diff --git a/site/components/App/styles.css b/site/components/App/styles.css
@@ -106,7 +106,8 @@
 
 .whyText {
   text-align: justify;
-  max-width: 400px;
+  max-width: 460px;
   margin-left: auto;
   margin-right: auto;
+  line-height: 1.6;
 }
diff --git a/site/index.html b/site/index.html
@@ -17,7 +17,7 @@
 
     body {
       font-size: 15px;
-      line-height: 1.2;
+      line-height: 1.4;
       font-family: 'Open Sans', sans-serif;
       color: #555;
     }

Original file line number	Diff line number	Diff line change
`@@ -17,7 +17,7 @@`
`17`	`17`
`18`	`18`	`body {`
`19`	`19`	`font-size: 15px;`
`20`		`- line-height: 1.2;`
	`20`	`+ line-height: 1.4;`
`21`	`21`	`font-family: 'Open Sans', sans-serif;`
`22`	`22`	`color: #555;`
`23`	`23`	`}`