From e648cfbcad5853df75d7e9d7118ce793ea142b3a Mon Sep 17 00:00:00 2001
From: Rapptz <rapptz@gmail.com>
Date: Fri, 29 May 2020 09:34:21 -0400
Subject: [PATCH] First pass at centering content for large displays

---
 docs/_static/style.css | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

diff --git a/docs/_static/style.css b/docs/_static/style.css
index d9084b4f7..bafb9f3c3 100644
--- a/docs/_static/style.css
+++ b/docs/_static/style.css
@@ -124,7 +124,7 @@ img[src$="snake_dark.svg"]  {
   display: none;
 }
 :root[data-theme="dark"] img[src$="snake_dark.svg"] {
-  display: initial;
+  display: inherit;
 }
 
 body {
@@ -818,3 +818,20 @@ div.code-block-caption {
   }
 }
 
+@media screen and (min-width: 1200px) {
+  .main-grid {
+    /* 62.5% width => multiple of 5/8 content */
+    /* sidebar takes up 20% of the inner area */
+    grid-template-columns: repeat(16, 1fr);
+    grid-template-areas:
+      "s s h h h h h h h h h h h h h h"
+      "s s . . . c c c c c c c c . . ."
+      "s s f f f f f f f f f f f f f f"
+  }
+
+  main img {
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+  }
+}