title: reactjs app working properly on desktop but not visible on mobile
body: <p>I'm new to react and created a small app. Everything works fine on desktop, but the react part of the app doesn't show up on mobile. Can sby tell me what I should do?</p>
  
  <p><a href="http://dry-wildwood-76655.herokuapp.com/" rel="nofollow">http://dry-wildwood-76655.herokuapp.com/</a></p>
  
  <p>package.json</p>
  
  <pre><code>{
    "name": "udacitytransportationapp",
    "version": "1.0.0",
    "description": "",
    "main": "index.js",
    "scripts": {
      "start": "node ./node_modules/webpack-dev-server/bin/webpack-dev-server.js",
      "prod": "NODE_ENV=production node server.js",
      "postinstall": "webpack -p"
    },
      "author": "",
      "license": "ISC",
    "dependencies": {
      "babel-core": "^6.11.4",
      "babel-loader": "^6.2.4",
      "babel-preset-es2015": "^6.9.0",
      "babel-preset-react": "^6.11.1",
      "babel-preset-stage-1": "^6.5.0",
      "express": "^4.14.0",
      "html-webpack-plugin": "^2.22.0",
      "jquery": "^3.1.0",
      "lodash": "^4.13.1",
      "moment": "^2.14.1",
      "offline-plugin": "^3.4.2",
      "react": "^15.2.1",
      "react-dom": "^15.2.1",
      "react-router": "^2.6.0",
      "webpack": "^1.13.1"
    },
    "devDependencies": {
      "mocha": "^2.5.3",
      "webpack-dev-server": "^1.14.1"
    }
  }
  </code></pre>
  
  <p>index.html</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;title&gt;Transportation App&lt;/title&gt;
      &lt;meta charset="UTF-8"&gt;
      &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
      &lt;link rel="stylesheet" href="/style/style.css"&gt;
      &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"&gt;
    &lt;/head&gt;
    &lt;body&gt;
      &lt;div class="header"&gt;
        &lt;nav class="navbar navbar-default"&gt;
          &lt;div class="container-fluid"&gt;
            &lt;div class="navbar-header"&gt;
              &lt;div class="navbar-brand"&gt;TransportationApp&lt;/div&gt;
            &lt;/div&gt;
            &lt;ul class="nav navbar-nav navbar-right"&gt;
              &lt;li&gt;
                &lt;a href="http://www.bart.gov/"&gt;With this app you can search through the BART station schedules&lt;/a&gt;
              &lt;/li&gt;
            &lt;/ul&gt;
          &lt;/div&gt;
        &lt;/nav&gt;
      &lt;/div&gt;
      &lt;div class="container"&gt;&lt;/div&gt;
    &lt;/body&gt;
    &lt;script src="/bundle.js"&gt;&lt;/script&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>style/style.css</p>
  
  <pre><code>.bart-image {
    width: 300px;
    height: 300px;
  }
  
  .table-row {
    padding-top:30px;
  }
  </code></pre>