<section id="news_articles" class="g1">
  <h1>News</h1>
  <%= render partial: "news_articles/list", locals: {news_articles: @news_articles} %>
</section>

<section id="speeches" class="g1">
  <h1>Speeches</h1>
  <%= render partial: "speeches/list", locals: {speeches: @speeches} %>
</section>
<div class="g1">
  <section id="news_articles">
    <h1>News</h1>
    <%= render partial: "news_articles/list", locals: {news_articles: @news_articles} %>
  </section>
</div>

<div class="g1">
  <section id="speeches">
    <h1>Speeches</h1>
    <%= render partial: "speeches/list", locals: {speeches: @speeches} %>
  </section>
</div>
Use divs for the grid layout.
Use divs for the grid layout.

Adding styles that affect the box model (e.g. padding, margin) to elements with the grid classes (g1, g2 et al) can screw with the layout as the grid uses percentage based sizes.
