<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <title><%= [content_for(:title), 'Picture'].compact.join(' - ') %></title>

    <%= csrf_meta_tags %>

    <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track': 'reload' %>
    <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>

    <% if body_class == 'users-show' %>
      <%= auto_discovery_link_tag(:atom) %>
    <% end %>
    <link rel="canonical" href="<%= url_for(only_path: false) %>" />
  </head>

  <body class="d-flex flex-column <%= body_class %>">
    <% unless body_class == 'pictures-lightbox' %>
      <%= render partial: 'layouts/navbar' %>
    <% end %>

    <div class="container<%= body_class == 'pictures-lightbox' ? '' : ' mb-3' %>">
      <% if alert %>
        <div class="alert alert-danger" role="alert"><%= alert %></div>
      <% end %>
      <% if notice %>
        <div class="alert alert-success" role="alert"><%= notice %></div>
      <% end %>

      <%= yield %>
    </div>
    
    <% unless body_class == 'pictures-lightbox' %>
      <%= render partial: 'layouts/footer' %>
    <% end %>
  </body>
</html>

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <title><%= [content_for(:title), 'Picture'].compact.join(' - ') %></title>

    <%= csrf_meta_tags %>

    <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track': 'reload' %>
    <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>

    <% if body_class == 'users-show' %>
      <%= auto_discovery_link_tag(:atom) %>
    <% end %>
    <link rel="canonical" href="<%= url_for(only_path: false) %>" />
  </head>

  <body class="d-flex flex-column <%= body_class %>">
    <% unless body_class == 'pictures-lightbox' %>
      <%= render partial: 'layouts/navbar' %>
    <% end %>

    <div class="container">
      <% if alert %>
        <div class="alert alert-danger" role="alert"><%= alert %></div>
      <% end %>
      <% if notice %>
        <div class="alert alert-success" role="alert"><%= notice %></div>
      <% end %>

      <%= yield %>
    </div>
    
    <% unless body_class == 'pictures-lightbox' %>
      <%= render partial: 'layouts/footer' %>
    <% end %>
  </body>
</html>

Remove margin at bottom of container
Remove margin at bottom of container
