Merge pull request #223 from zpao/website-improvements

Website improvements

website/core/HeaderLinks.js

@@ -13,7 +13,7 @@ var React = require('React');
 
 var HeaderLinks = React.createClass({
   linksInternal: [
-    {section: 'docs', href: '/react-native/docs/getting-started.html#content', text: 'Docs'},
+    {section: 'docs', href: '/react-native/docs/getting-started.html', text: 'Docs'},
     {section: 'support', href: '/react-native/support.html', text: 'Support'},
   ],
   linksExternal: [

website/src/react-native/css/react-native.css

@@ -82,6 +82,11 @@ h4 small {
   font-size: 14px;
 }
 
+img {
+  max-width: 100%;
+  height: auto;
+}
+
 ul, ol {
   margin: 0 0 10px 25px;
   padding: 0;
@@ -129,6 +134,7 @@ html * {
   padding: 5px 10px;
   margin-left: 20px;
   background-color: rgba(5, 165, 209, 0.05);
+  overflow: auto;
 }
 
 .prism + .prism {
@@ -229,7 +235,7 @@ h1:hover .hash-link, h2:hover .hash-link, h3:hover .hash-link, h4:hover .hash-li
   color: #fafafa;
   position: fixed;
   top: 0;
-  height: 50px;
+  min-height: 50px;
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
   width: 100%;
   z-index: 100;

website/src/react-native/index.js

@@ -25,7 +25,7 @@ var index = React.createClass({
         </div>
 
         <section className="content wrap">
-          <div style={{margin: '40px auto', width: 800}}>
+          <div style={{margin: '40px auto', maxWidth: 800}}>
 
           <p>
             React Native enables you to build world-class application experiences on native platforms using a consistent developer experience based on JavaScript and
@@ -39,7 +39,7 @@ var index = React.createClass({
             <a href="docs/getting-started.html#content" className="button">Get started with React Native</a>
           </div>
 
-          <div style={{margin: '40px auto', width: 800}}>
+          <div style={{margin: '40px auto', maxWidth: 800}}>
 
           <h2>Native iOS Components</h2>
           <p>