feat(templates): Add content container class for improved layout consistency

templates/base.html

@@ -127,8 +127,16 @@
                 max-width: 100%;
             }
 
-            div.content.container {
-                max-width: 100%;
+            .content.content-read {
+                max-width: 1280px;
+                margin-left: auto;
+                margin-right: auto;
+            }
+
+            .content.content-wide {
+                max-width: min(98vw, 2200px);
+                margin-left: auto;
+                margin-right: auto;
             }
 
             @media (max-width: 1210px) {
@@ -138,10 +146,9 @@
                     padding-right: .5rem !important;
                 }
 
-                div.content.container {
+                .content {
                     padding-left: .5rem !important;
                     padding-right: .5rem !important;
-                    max-width: 100% !important;
                 }
             }
 
@@ -152,7 +159,7 @@
                     padding-right: .75rem !important;
                 }
 
-                div.content.container {
+                .content {
                     padding-left: .75rem !important;
                     padding-right: .75rem !important;
                 }
@@ -358,7 +365,7 @@
                 </div>
             </div>
         </nav>
-        <div class="content container">
+        <div class="content {% block content_container_class %}container content-read{% endblock %}">
             {% block navigation %}
             {% endblock %}
             <div class="row clear-both">