max max width dependant on screen width

Author: Erik2609

assets/scss/_common.scss

@@ -1176,6 +1176,6 @@ $accent: #FF4081;
 
 @media (min-width: 1500px) {
   .container-xl {
-    max-width: 1430px;
+    max-width: 90vw;
   }
 }

themes/bigspring-light/layouts/_default/single.html

@@ -31,7 +31,7 @@ <h2 class="mb-4" style="color: #005aa7;">{{ .Title }}</h2>
   <div class="container container-xl">
     <div class="row">
       {{ if .Params.quick_navigation.links }}
-      <div class="col-lg-3 col-12 mx-auto">
+      <div class="col-lg-2 col-12 mx-auto">
         <div class="content quicklinks-mobile-sticky-top">
           <div class="container-fluid mt-5 p-0">
             <h3>{{.Params.quick_navigation.title}}</h3>
@@ -59,9 +59,10 @@ <h3>{{.Params.quick_navigation.title}}</h3>
           </div>
         </div>
       </div>
-      <div class="col-lg-9 col-12 mx-auto">
+      <div class="col-lg-8 col-12 mx-auto">
         <div class="content">{{ .Content }}</div>
       </div>
+      <div class="col-lg-2 col-12"></div>
       {{ else }}
       <div class="col-12 mx-auto">
         <div class="content">{{ .Content }}</div>