Fix text wrapping in the bio

src/components/Bio.js

@@ -10,8 +10,9 @@ import { rhythm } from '../utils/typography'
 class Bio extends React.Component {
   render() {
     return (
-      <p
+      <div
         style={{
+          display: 'flex',
           marginBottom: rhythm(2.5),
         }}
       >
@@ -19,19 +20,20 @@ class Bio extends React.Component {
           src={profilePic}
           alt={`Kyle Mathews`}
           style={{
-            float: 'left',
-            marginRight: rhythm(1 / 4),
+            marginRight: rhythm(1 / 2),
             marginBottom: 0,
             width: rhythm(2),
             height: rhythm(2),
           }}
         />
+        <p>
           Written by <strong>Kyle Mathews</strong> who lives and works in San
           Francisco building useful things.{' '}
           <a href="https://twitter.com/kylemathews">
             You should follow him on Twitter
           </a>
         </p>
+      </div>
     )
   }
 }