Update README.md

A bit of clean up

5-blazor/README.md

@@ -38,7 +38,7 @@ First, let's scaffold a new project for our game.  With .NET 6 installed, we can
 
 	This should create a _ConnectFour_ directory containing our application.
 
-2. Run the app by pressing **F5** in Visual Studio 2022.  This builds the app and hosts it on a random port between 5000 and 5300.  HTTPS has a port selected for it in the range of 7000 to 7300.
+2. Run the app by pressing <kbd>F5</kbd> in Visual Studio 2022.  This builds the app and hosts it on a random port between 5000 and 5300.  HTTPS has a port selected for it in the range of 7000 to 7300.
 
 	Your Output Window should report content similar to the following:
 
@@ -98,7 +98,7 @@ Next, let's create a board component to be used by players in our game.  The com
 
 	The `Index.razor` file is a **Page** that can be navigated to and contains HTML, C#, and references to other Blazor components.  We can identify this file as a page due to the presence of the `@page "/"` directive on the first line.  This instructs Blazor to respond with the contents of this file when the default page at the "/" address is requested.
 
-	Let's run our application with **F5** and in the hot-reload toolbar button activate the "Hot reload on file save" option.  The hot-reload feature will patch and rebuild our application, and then refresh our browser as we add new features to the application.  Hot reload allows you to observe the evolution of the game from a simple page to a full Connect Four board with interactive pieces.
+	Let's run our application with <kbd>F5</kbd> and in the hot-reload toolbar button activate the "Hot reload on file save" option.  The hot-reload feature will patch and rebuild our application, and then refresh our browser as we add new features to the application.  Hot reload allows you to observe the evolution of the game from a simple page to a full Connect Four board with interactive pieces.
 
 	![The initial Board component displayed on the Index page](img/2-Board-Step1.png)
 
@@ -114,19 +114,14 @@ Blazor components contain all of the HTML and markup needed to be rendered in a
 
 	```csharp
 	<div>
-
 		<div class="board">
-
-
 			@for (var i = 0; i < 42; i++)
 			{
 				<span class="container">
 					<span></span>
 				</span>
 			}
-
 		</div>
-
 	</div>
 	```
 
@@ -238,9 +233,7 @@ The game logic for Connect Four is not too difficult to program.  We need some c
 	@code {
 		protected override void OnInitialized()
 		{
-
 			State.ResetBoard();
-
 		}
 	}
 	```
@@ -252,7 +245,6 @@ The game logic for Connect Four is not too difficult to program.  We need some c
 	Let's allocate those 42 spans just above the `@code` line, but inside the closing `</div>` element.  We'll also define a private array to hold the CSS classes we will assign to the 42 game pieces: 
 
 	```csharp
-	...
 	@for (var i = 0; i < 42; i++)
 	{
 		<span class="@Pieces[i]"></span>
@@ -263,8 +255,6 @@ The game logic for Connect Four is not too difficult to program.  We need some c
 	@code {
 
 	private string[] Pieces = new string[42];
-
-	...
 	```
 
 	By default initialization of a string array, this will assign an empty string to the CSS class of each game piece span.  This will prevent the game pieces from appearing on screen as they have no contents and no style applied to them.
@@ -277,11 +267,9 @@ The game logic for Connect Four is not too difficult to program.  We need some c
 
 	private void PlayPiece(byte col) 
 	{
-
 		var landingRow = State.PlayPiece(col);
 		var cssClass = $"player{State.PlayerTurn} col{col} drop{landingRow}";
 		Pieces[State.CurrentTurn - 1] = cssClass;
-
 	}
 	```
 
@@ -332,7 +320,6 @@ Let's add some error handling and indicators to our board to make the current st
 1.	Let's add a simple status area above the board, and below the drop buttons.  Insert the following markup after the closing `</nav>` element:
 
 	```csharp
-	...
 	</nav>
 
 	<article>