mobile all teh things

src/App.css

@@ -19,7 +19,9 @@
   color: white;
   padding-left: 60px;
 }
-
+.app-left-nav {
+  display: flex;
+}
 .app-title {
   font-size: 1.5em;
 }
@@ -33,7 +35,7 @@
   align-items: center;
 }
 .deploy-button {
-  width: 250px;
+  width: 200px;
 }
 .view-src {
   margin-top: 15px;
@@ -110,6 +112,10 @@
 
 
 @media (max-width: 768px) {
+  .app-title-wrapper {
+    flex-direction: column;
+    align-items: flex-start;
+  }
   .app-title {
     font-size: 18px;
   }
@@ -123,15 +129,25 @@
   }
   .app-header {
     padding-left: 20px;
+    height: auto;
   }
   .app-logo {
     height: 60px;
     margin-right: 10px;
   }
+  .deploy-button-wrapper {
+    margin-left: 70px;
+  }
   .deploy-button {
     width: 150px;
   }
   .todo-list-title {
     font-size: 15px;
   }
+  .todo-create-input {
+    margin-bottom: 15px; 
+  }
+  .view-src {
+    display: none;
+  }
 }

src/App.js

@@ -189,6 +189,8 @@ class App extends Component {
       <div className="app">
         <header className="app-header">
           <div className="app-title-wrapper">
+            <div className="app-title-wrapper">
+              <div className='app-left-nav'>
                 <img src={logo} className="app-logo" alt="logo" />
                 <div className='app-title-text'>
                   <h1 className="app-title">Netlify + Fauna DB</h1>
@@ -196,6 +198,8 @@ class App extends Component {
                     Using FaunaDB & Netlify functions
                   </p>
                 </div>
+              </div>
+            </div>
             <div className='deploy-button-wrapper'>
               <a
                 target='_blank'