diff --git a/static/src/scss/_content.scss b/static/src/scss/_content.scss
index e279d58..f9a86e3 100644
--- a/static/src/scss/_content.scss
+++ b/static/src/scss/_content.scss
@@ -22,3 +22,9 @@ section.content {
     }
   }
 }
+
+.container {
+  @include until($container-max-width) {
+    max-width: calc(99% - ($column-gap * 2));
+  }
+}
diff --git a/website/blog/templates/blog/blog_list_page.html b/website/blog/templates/blog/blog_list_page.html
index 7cac715..0a583de 100644
--- a/website/blog/templates/blog/blog_list_page.html
+++ b/website/blog/templates/blog/blog_list_page.html
@@ -4,10 +4,10 @@
 
 {% include "common/hero.html" %}
 
-<div class="container">
+<section class="container">
   {% for page in child_pages %}
     {% include "common/listing-item.html" %}
   {% endfor %}
-</div>
+</section>
 
 {% endblock content %}