add additional breakpoints for blog content width (istio#14559)

* add additional breakpoints for blog content width

* lint

Author: dhawton

Makefile.core.mk

@@ -129,7 +129,7 @@ lint-md: clean_public build_nominify
 	@SKIP_LINK_CHECK=true scripts/lint_site.sh en
 
 serve: site
-	@hugo serve --baseURL "http://${ISTIO_SERVE_DOMAIN}:1313/latest/" --bind 0.0.0.0 --disableFastRender
+	@hugo serve --baseURL "http://${ISTIO_SERVE_DOMAIN}:1313/latest/" --bind 0.0.0.0 --watch --disableFastRender
 
 archive-version:
 	@scripts/archive_version.sh

src/sass/misc/_blog.scss

@@ -157,10 +157,27 @@
     max-width: 100%;
     margin: 0 auto;
     padding: 0 1.25em;
+
     @media (min-width: $bp-md) {
         max-width: 754px;
         padding: 0;
     }
+
+    @media (min-width: $bp-lg) {
+        max-width: 994px;
+        padding: 0;
+    }
+
+    @media (min-width: $bp-xxl) {
+        max-width: 1354px;
+        padding: 0;
+    }
+
+    @media (min-width: $bp-xl) {
+        max-width: 1174px;
+        padding: 0;
+    }
+
     // TODO : consider changing font size back to 1rem
 
     p, li {