css: move the max-width to the site

Felipe Contreras · Felipe Contreras · commit 48d22b074a54 · 2020-12-01T18:56:28.000-06:00
This allows the wrapper to fit the whole width of the window, and align
the contained elements properly.

The width of the navbar is 20em (280px), so the max-width of the site is
940px - 280px, thus retaining the original width.

This fixes the issue with "Git Rev News: Edition 68" where the site width
was too big, and the navbar width got too small.

Signed-off-by: Felipe Contreras &lt;felipe.contreras@gmail.com&gt;
diff --git a/css/main.css b/css/main.css
@@ -36,6 +36,7 @@ body {
     -webkit-flex: 1;
     -ms-flex: 1;
     flex: 1;
+    max-width: 660px;
 }
 
 .navbar {
@@ -62,7 +63,7 @@ body {
   display: -ms-flexbox;
   display: flex;
   margin: 0 auto;
-  max-width: 940px;
+  justify-content: center;
 }
 
 @media (max-width: 700px) {

Original file line number	Diff line number	Diff line change
`@@ -36,6 +36,7 @@ body {`
`36`	`36`	`-webkit-flex: 1;`
`37`	`37`	`-ms-flex: 1;`
`38`	`38`	`flex: 1;`
	`39`	`+ max-width: 660px;`
`39`	`40`	`}`
`40`	`41`
`41`	`42`	`.navbar {`
`@@ -62,7 +63,7 @@ body {`
`62`	`63`	`display: -ms-flexbox;`
`63`	`64`	`display: flex;`
`64`	`65`	`margin: 0 auto;`
`65`		`- max-width: 940px;`
	`66`	`+ justify-content: center;`
`66`	`67`	`}`
`67`	`68`
`68`	`69`	`@media (max-width: 700px) {`