<!DOCTYPE html>
<html>
<head>
  <title>Rock Enroll</title>
  <%= stylesheet_link_tag('application', media: 'all', 'data-turbolinks-track' => true) %>
  <%= javascript_include_tag('application', 'data-turbolinks-track' => true) %>
  <%= csrf_meta_tags %>
</head>
<body>
  <header class='navigation' role='banner'>
    <%= render template: 'navigation/header' %>
  </header>
  <div class='container main'>
    <%= yield %>
  </div>
</body>
</html>

<!DOCTYPE html>
<html lang='en'>
<head>
  <title>Rock Enroll</title>
  <meta charset='utf-8' />
  <meta name='viewport' content='width=device-width, initial-scale=1' />
  <%= stylesheet_link_tag('application', media: 'all', 'data-turbolinks-track' => true) %>
  <%= javascript_include_tag('application', 'data-turbolinks-track' => true) %>
  <%= csrf_meta_tags %>
</head>
<body>
  <header class='navigation' role='banner'>
    <%= render template: 'navigation/header' %>
  </header>
  <div class='container main'>
    <%= yield %>
  </div>
</body>
</html>

Add some tags & attributes to application layout
Add some tags & attributes to application layout

Specifying viewport attribute will let responsive rules kick in as needed.
