updating CSS for screen width and font size

Author: choldgraf

css/cardlist.css

@@ -1,7 +1,8 @@
 /* cardlist used by documentation and try pages */
 
 .cardlist {
-  margin-bottom: 20px;
+  margin: 10px auto 20px auto;
+  max-width: 980px;
 }
 
 .cardlist-col {
@@ -18,15 +19,18 @@
 .card-heading {
   padding: 16px;
   /* color is on purpose not Jupyter Orange */
-  background: #1976D2;
+  background: #2e9be4;
   color: white;
-  font-size: 14px;
   font-weight: normal;
   line-height: 14px;
   border-top-left-radius: 2px;
   border-top-right-radius: 2px;
 }
 
+.card-heading h4 {
+  font-size: 1.8em;
+}
+
 .card-body {
   padding: 16px;
   border-bottom-left-radius: 2px;
@@ -41,7 +45,7 @@
 .card-body li {
   list-style: none;
   padding: 4px 0px 4px 0px;
-  font-size: 14px;
+  font-size: 1.3em;
 }
 
 
@@ -77,4 +81,3 @@ img.try-logo {
   object-fit: contain;
   margin: 12px auto;
 }
-

css/logo-nav.css

@@ -291,6 +291,10 @@ body {
   background-color: white;
 }
 
+.header p {
+  margin: 0 30%;
+}
+
 /* Section elements */
 /* Section classes used for particular sections within a page. Sections should differ in background color when used next to each other */
 .section-white {

css/markdown_page.css

@@ -6,8 +6,9 @@ div.page_content img {
 }
 
 div.page_content, div.post_content {
-  margin: 0;
   padding: 0;
+  margin: 0px auto;
+  max-width: 980px;
 }
 
 div.page_content.container > p,