<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <meta name="ROBOTS" content="NOODP" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title><%= title %></title>
  <%= favicon_link_tag "favicon.ico" %>
  <%= stylesheet_link_tag :normalize, media: "all" %>
  <%= stylesheet_link_tag :application, media: "all" %>
  <%= csrf_meta_tags %>
</head>
<body class="<%= body_class %>">
  <%= render "flashes" -%>
  <%= yield %>
  <%= render "javascript" %>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <meta name="ROBOTS" content="NOODP" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title><%= title %></title>
  <%= favicon_link_tag "favicon.ico" %>
  <%= stylesheet_link_tag :normalize, media: "all" %>
  <%= stylesheet_link_tag :application, media: "all" %>
  <%= csrf_meta_tags %>
</head>
<body>
  <div class="container">
    <%= render "flashes" -%>
    <%= yield %>
    <%= render "javascript" %>
  </div>
</body>
</html>

Put everything inside a responsive container
Put everything inside a responsive container
