make it wider on larger screens

micmro · Oct 18, 2017 · d6c9474 · d6c9474
1 parent 4401f26
commit d6c9474
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/src/css-raw/gh-page.css b/src/css-raw/gh-page.css
@@ -190,7 +190,6 @@ a:hover {
   }
 }
 
-
 /*.main-content :first-child {
   margin-top: 0;
 }*/
@@ -212,7 +211,8 @@ a:hover {
   margin-bottom: 1rem;
 }
 
-.main-content ul, .main-content ol {
+.main-content ul,
+.main-content ol {
   margin-top: 0;
 }
 
@@ -223,11 +223,11 @@ a:hover {
   border-left: 0.3rem solid #dce6f0;
 }
 
-.main-content blockquote >:first-child {
+.main-content blockquote > :first-child {
   margin-top: 0;
 }
 
-.main-content blockquote >:last-child {
+.main-content blockquote > :last-child {
   margin-bottom: 0;
 }
 
@@ -241,7 +241,7 @@ a:hover {
 
 @media screen and (min-width: 64em) {
   .main-content {
-    max-width: 64rem;
+    max-width: 160rem;
     padding: 2rem 6rem;
     margin: 0 auto;
     font-size: 1.1rem;
@@ -293,4 +293,4 @@ a:hover {
   .site-footer {
     font-size: 0.9rem;
   }
-}
+}