From a7df037662ea62448c702bdd9282389aff6216ca Mon Sep 17 00:00:00 2001
From: EducatedStrikeCart <dhn004@gmail.com>
Date: Fri, 28 Oct 2022 05:21:11 -0400
Subject: [PATCH 1/2] Fix bug causing last column unable to be filled

---
 5-blazor/1-complete/ConnectFour/Shared/Board.razor |  2 +-
 .../1-complete/ConnectFour/Shared/Board.razor.css  | 14 +++++++-------
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/5-blazor/1-complete/ConnectFour/Shared/Board.razor b/5-blazor/1-complete/ConnectFour/Shared/Board.razor
index 366f37d..87d9807 100644
--- a/5-blazor/1-complete/ConnectFour/Shared/Board.razor
+++ b/5-blazor/1-complete/ConnectFour/Shared/Board.razor
@@ -12,13 +12,13 @@
 </HeadContent>
 
 <nav>
+	<span title="Click to play a piece" @onclick="() => PlayPiece(0)">🔽</span>
 	<span title="Click to play a piece" @onclick="() => PlayPiece(1)">🔽</span>
 	<span title="Click to play a piece" @onclick="() => PlayPiece(2)">🔽</span>
 	<span title="Click to play a piece" @onclick="() => PlayPiece(3)">🔽</span>
 	<span title="Click to play a piece" @onclick="() => PlayPiece(4)">🔽</span>
 	<span title="Click to play a piece" @onclick="() => PlayPiece(5)">🔽</span>
 	<span title="Click to play a piece" @onclick="() => PlayPiece(6)">🔽</span>
-	<span title="Click to play a piece" @onclick="() => PlayPiece(7)">🔽</span>
 </nav>
 
 <article>
diff --git a/5-blazor/1-complete/ConnectFour/Shared/Board.razor.css b/5-blazor/1-complete/ConnectFour/Shared/Board.razor.css
index 4bacc88..3938084 100644
--- a/5-blazor/1-complete/ConnectFour/Shared/Board.razor.css
+++ b/5-blazor/1-complete/ConnectFour/Shared/Board.razor.css
@@ -83,31 +83,31 @@ span.container {
 	box-shadow: 0 0 0 4px var(--player2);
 }
 
-.col1 {
+.col0 {
 	left: calc(0em + 9px);
 }
 
-.col2 {
+.col1 {
 	left: calc(4em + 9px);
 }
 
-.col3 {
+.col2 {
 	left: calc(8em + 9px);
 }
 
-.col4 {
+.col3 {
 	left: calc(12em + 9px);
 }
 
-.col5 {
+.col4 {
 	left: calc(16em + 9px);
 }
 
-.col6 {
+.col5 {
 	left: calc(20em + 9px);
 }
 
-.col7 {
+.col6 {
 	left: calc(24em + 9px);
 }
 

From bb8accb612e8568d5f6d5b0ed01b4128f85685b0 Mon Sep 17 00:00:00 2001
From: EducatedStrikeCart <dhn004@gmail.com>
Date: Fri, 28 Oct 2022 05:24:22 -0400
Subject: [PATCH 2/2] change code snippet to match files in 1-complete

---
 5-blazor/README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/5-blazor/README.md b/5-blazor/README.md
index 175342f..b0cba21 100644
--- a/5-blazor/README.md
+++ b/5-blazor/README.md
@@ -287,13 +287,13 @@ The game logic for Connect Four is not too difficult to program.  We need some c
 
 	```csharp
 	<nav>
+		<span title="Click to play a piece" @onclick="() => PlayPiece(0)">🔽</span>
 		<span title="Click to play a piece" @onclick="() => PlayPiece(1)">🔽</span>
 		<span title="Click to play a piece" @onclick="() => PlayPiece(2)">🔽</span>
 		<span title="Click to play a piece" @onclick="() => PlayPiece(3)">🔽</span>
 		<span title="Click to play a piece" @onclick="() => PlayPiece(4)">🔽</span>
 		<span title="Click to play a piece" @onclick="() => PlayPiece(5)">🔽</span>
 		<span title="Click to play a piece" @onclick="() => PlayPiece(6)">🔽</span>
-		<span title="Click to play a piece" @onclick="() => PlayPiece(7)">🔽</span>
 	</nav>
 	```