From d0c1a3b39b336ab14dfc467b1298a617c2255b55 Mon Sep 17 00:00:00 2001
From: "Zed A. Shaw" <zed.shaw@gmail.com>
Date: Mon, 28 Dec 2020 19:27:06 -0500
Subject: [PATCH] Grid over graphic fix.

---
 public/build/bundle.js            | 14 +++++++-------
 public/code/GridOverGraphic.html  |  2 +-
 src/demos/GridOverGraphic.svelte  |  4 ++--
 src/thumbs/GridOverGraphic.svelte |  2 +-
 4 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/public/build/bundle.js b/public/build/bundle.js
index 8cfcb0b..5970ddb 100644
--- a/public/build/bundle.js
+++ b/public/build/bundle.js
@@ -7555,7 +7555,7 @@ var app = (function () {
     			t10 = space();
     			three = element("three");
     			h13 = element("h1");
-    			h13.textContent = "Bottom Right";
+    			h13.textContent = "Bottom Left";
     			t12 = space();
     			p2 = element("p");
     			p2.textContent = "I don't know why I put that sphere there.";
@@ -7574,7 +7574,7 @@ var app = (function () {
     			attr_dev(two, "class", "svelte-1n9y415");
     			add_location(two, file$e, 79, 6, 1376);
     			add_location(h13, file$e, 85, 6, 1581);
-    			add_location(p2, file$e, 86, 6, 1609);
+    			add_location(p2, file$e, 86, 6, 1608);
     			attr_dev(three, "class", "svelte-1n9y415");
     			add_location(three, file$e, 84, 6, 1567);
     			attr_dev(overlay, "class", "svelte-1n9y415");
@@ -14676,11 +14676,11 @@ var app = (function () {
     			h12.textContent = "Icecream Rules";
     			t8 = space();
     			p1 = element("p");
-    			p1.textContent = "Sometimes you want to put a graphic behind some creatively\n        organize text and panels.  You can dot that with CSS grids.";
+    			p1.textContent = "Sometimes you want to put a graphic behind some creatively\n        organize text and panels.  You can do that with CSS grids.";
     			t10 = space();
     			three = element("three");
     			h13 = element("h1");
-    			h13.textContent = "Bottom Right";
+    			h13.textContent = "Bottom Left";
     			t12 = space();
     			p2 = element("p");
     			p2.textContent = "I don't know why I put that sphere there.";
@@ -14700,10 +14700,10 @@ var app = (function () {
     			add_location(p1, file$y, 86, 6, 1504);
     			attr_dev(two, "class", "svelte-1c5ml3s");
     			add_location(two, file$y, 84, 6, 1462);
-    			add_location(h13, file$y, 90, 6, 1667);
-    			add_location(p2, file$y, 91, 6, 1695);
+    			add_location(h13, file$y, 90, 6, 1666);
+    			add_location(p2, file$y, 91, 6, 1693);
     			attr_dev(three, "class", "svelte-1c5ml3s");
-    			add_location(three, file$y, 89, 6, 1653);
+    			add_location(three, file$y, 89, 6, 1652);
     			attr_dev(overlay, "class", "svelte-1c5ml3s");
     			add_location(overlay, file$y, 77, 4, 1292);
     			attr_dev(icecream, "class", "svelte-1c5ml3s");
diff --git a/public/code/GridOverGraphic.html b/public/code/GridOverGraphic.html
index 5ac9d6d..302c222 100644
--- a/public/code/GridOverGraphic.html
+++ b/public/code/GridOverGraphic.html
@@ -16,7 +16,7 @@
       organize text and panels.  You can dot that with CSS grids.
     </two>
     <three>
-    <h1>Bottom Right</h1>
+    <h1>Bottom Left</h1>
     <p>I don't know why I put that sphere there.</p>
     </three>
   </overlay>
diff --git a/src/demos/GridOverGraphic.svelte b/src/demos/GridOverGraphic.svelte
index 99950f9..4bec32a 100644
--- a/src/demos/GridOverGraphic.svelte
+++ b/src/demos/GridOverGraphic.svelte
@@ -85,10 +85,10 @@
       <two>
       <h1>Icecream Rules</h1>
       <p>Sometimes you want to put a graphic behind some creatively
-        organize text and panels.  You can dot that with CSS grids.
+        organize text and panels.  You can do that with CSS grids.
       </two>
       <three>
-      <h1>Bottom Right</h1>
+      <h1>Bottom Left</h1>
       <p>I don't know why I put that sphere there.</p>
       </three>
     </overlay>
diff --git a/src/thumbs/GridOverGraphic.svelte b/src/thumbs/GridOverGraphic.svelte
index c19b20f..3447fed 100644
--- a/src/thumbs/GridOverGraphic.svelte
+++ b/src/thumbs/GridOverGraphic.svelte
@@ -83,7 +83,7 @@
         organize text and panels.  You can dot that with CSS grids.
       </two>
       <three>
-      <h1>Bottom Right</h1>
+      <h1>Bottom Left</h1>
       <p>I don't know why I put that sphere there.</p>
       </three>
     </overlay>