Ensure containers don't extend beyond the viewport when holding columns

static/src/scss/_content.scss

@@ -22,3 +22,9 @@ section.content {
     }
   }
 }
+
+.container {
+  @include until($container-max-width) {
+    max-width: calc(99% - ($column-gap * 2));
+  }
+}

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 %}