Group styles setting padding to the main content

So we don't add the same lines to pretty much every stylesheet we create. Eventually we'll remove this code and add a padding to every <main> element, or (even better) to the <body> element itself.
2021-07-10 02:49:58 +02:00
parent a71d132164
commit c4542457ac
5 changed files with 8 additions and 5 deletions
--- a/app/components/sdg/goals/show_component.html.erb
+++ b/app/components/sdg/goals/show_component.html.erb
@@ -1,6 +1,6 @@
 <% provide(:title) { goal.title } %>

-<div class="sdg-goal-show">
+<main class="sdg-goal-show">
  <%= back_link_to sdg_goals_path %>

  <article class="sdg-goal sdg-goal-<%= code %>">
@@ -36,4 +36,4 @@
  <% end %>

  <%= render SDG::Goals::TargetsComponent.new(goal) %>
-</div>
+</main>