title: Devise Sign in button unresponsive once placed in an html container
body: <p>I am trying to get a better understanding of how to join my front end and back end code in my rails application. I have created a VERY basic devise user, simply to practice applying the html and css. The sign up and log in work perfectly fine, until I add the html, then once in the container the sign in/sign up button becomes unresponsive. I can see it is being clicked, but nothing happens. I need heeeeeelp.</p>
  <p>When I press the sign in button I get this in my server: I am not sure how to go about resolving that apparent routing error?</p>
  <pre><code>Started GET &quot;/users/stylesheets/sign_in.css&quot; for ::1 at 2020-09-08 15:48:12 +0200
    
  ActionController::RoutingError (No route matches [GET] &quot;/users/stylesheets/sign_in.css&quot;):
    
  actionpack (6.0.3.2) lib/action_dispatch/middleware/debug_exceptions.rb:36:in `call'
  web-console (4.0.4) lib/web_console/middleware.rb:132:in `call_app'
  web-console (4.0.4) lib/web_console/middleware.rb:28:in `block in call'
  web-console (4.0.4) lib/web_console/middleware.rb:17:in `catch'
  web-console (4.0.4) lib/web_console/middleware.rb:17:in `call'
  actionpack (6.0.3.2) lib/action_dispatch/middleware/show_exceptions.rb:33:in `call'
  railties (6.0.3.2) lib/rails/rack/logger.rb:37:in `call_app'
  railties (6.0.3.2) lib/rails/rack/logger.rb:26:in `block in call'
  activesupport (6.0.3.2) lib/active_support/tagged_logging.rb:80:in `block in tagged'
  activesupport (6.0.3.2) lib/active_support/tagged_logging.rb:28:in `tagged'
  activesupport (6.0.3.2) lib/active_support/tagged_logging.rb:80:in `tagged'
  railties (6.0.3.2) lib/rails/rack/logger.rb:26:in `call'
  sprockets-rails (3.2.1) lib/sprockets/rails/quiet_assets.rb:13:in `call'
  actionpack (6.0.3.2) lib/action_dispatch/middleware/remote_ip.rb:81:in `call'
  actionpack (6.0.3.2) lib/action_dispatch/middleware/request_id.rb:27:in `call'
  rack (2.2.3) lib/rack/method_override.rb:24:in `call'
  rack (2.2.3) lib/rack/runtime.rb:22:in `call'
  activesupport (6.0.3.2) lib/active_support/cache/strategy/local_cache_middleware.rb:29:in `call'
  actionpack (6.0.3.2) lib/action_dispatch/middleware/executor.rb:14:in `call'
  actionpack (6.0.3.2) lib/action_dispatch/middleware/static.rb:126:in `call'
  rack (2.2.3) lib/rack/sendfile.rb:110:in `call'
  actionpack (6.0.3.2) lib/action_dispatch/middleware/host_authorization.rb:82:in `call'
  webpacker (4.3.0) lib/webpacker/dev_server_proxy.rb:23:in `perform_request'
  rack-proxy (0.6.5) lib/rack/proxy.rb:57:in `call'
  railties (6.0.3.2) lib/rails/engine.rb:527:in `call'
  puma (4.3.6) lib/puma/configuration.rb:228:in `call'
  puma (4.3.6) lib/puma/server.rb:713:in `handle_request'
  puma (4.3.6) lib/puma/server.rb:472:in `process_client'
  puma (4.3.6) lib/puma/server.rb:328:in `block in run'
  puma (4.3.6) lib/puma/thread_pool.rb:134:in `block in spawn_thread'
  </code></pre>
  <p>This is my sign-in code from views/devise/sessions/new.html.erb</p>
  <pre><code>&lt;!doctype html&gt;
  &lt;html&gt;
  &lt;head&gt;
  
  &lt;meta charset=&quot;utf-8&quot;&gt;
  &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no&quot;&gt;
  &lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=edge,chrome=1&quot;&gt;
  &lt;meta name=&quot;HandheldFriendly&quot; content=&quot;true&quot;&gt;
  &lt;link href=&quot;stylesheets/sign_in.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot;&gt;
  &lt;link rel=&quot;stylesheet&quot; href=&quot;https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css&quot; integrity=&quot;sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z&quot; crossorigin=&quot;anonymous&quot;&gt;
  &lt;script src=&quot;https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js&quot; integrity=&quot;sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV&quot; crossorigin=&quot;anonymous&quot;&gt;&lt;/script&gt;
  &lt;title&gt;Pepperpeel | Sign In&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
      &lt;section class=&quot;container-fluid&quot;&gt;
          &lt;section class=&quot;row justify-content-center&quot;&gt;
              &lt;section class=&quot;col-12 col-sm-6 col-md-3&quot;&gt;
              &lt;form class=&quot;form-container&quot;&gt;
                  &lt;div class=&quot;form-group&quot;&gt;
                  &lt;%= form_for(resource, as: resource_name, url: session_path(resource_name)) do |f| %&gt;
                  &lt;%=image_tag(&quot;pepperpeel-logo-website.png&quot;, alt: &quot;pepperpeel-logo-website&quot;)%&gt;
                    &lt;h1&gt;Welcome Back!&lt;/h1&gt;
                    &lt;h5&gt;Looking to sign up?&lt;a href=&quot;#&quot;&gt; Create an account here!&lt;/a&gt;&lt;/h5&gt;
                    &lt;%= f.label :email %&gt;&lt;br /&gt;
                    &lt;%= f.email_field :email, autofocus: true, autocomplete: &quot;email&quot; %&gt;
                  &lt;/div&gt;
                  &lt;div class=&quot;form-group&quot;&gt;
                  &lt;%= f.label :password %&gt;&lt;br /&gt;
                  &lt;%= f.password_field :password, autocomplete: &quot;current-password&quot; %&gt;
                    &lt;h5&gt;&lt;a href=&quot;#&quot;&gt;Forgot your password?&lt;/a&gt;&lt;/h5&gt;
                  &lt;/div&gt;
                  &lt;%= f.submit&quot;log in&quot;, class:&quot;btn btn-primary btn-block&quot; %&gt;
                  
                &lt;/form&gt;
              &lt;/section&gt;
          &lt;/section&gt;
      &lt;/section&gt;
  &lt;% end %&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  <p>Routs is simply:</p>
  <pre><code>Rails.application.routes.draw do
  
    devise_for :users
  
    root 'pages#home'
  
     get 'sign_in', to: 'pages#sign_in'
  
  end
  </code></pre>
  <p>As I said. Everything works until I plug in the html.</p>