diff --git a/boilerplateHTMLtemplate.html b/boilerplateHTMLtemplate.html
index aeac321..2a0fcaa 100644
--- a/boilerplateHTMLtemplate.html
+++ b/boilerplateHTMLtemplate.html
@@ -120,7 +120,10 @@
/* TODO: Add a 3px solid gray border */
/* YOUR CODE HERE */
-
+ width: 400px;
+ height: 400px;
+ display: grid;
+ border: 3px solid gray;
grid-template-columns: repeat(var(--grid-size), 1fr);
grid-template-rows: repeat(var(--grid-size), 1fr);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
@@ -375,7 +378,7 @@
announceBtn.addEventListener('click', announceGameState);
// Initialize the chess board
- function initializeGame() {
+ function createChessBoard() {
createBoard();
setupPieces();
updateGameStatus();
@@ -393,7 +396,8 @@
/* === STUDENT TASK 3: CREATE NESTED FOR LOOPS === */
// TODO: Create nested for loops to make an 8x8 grid
// Outer loop for rows (0 to 7)
- /* YOUR CODE HERE */ {
+ for (let row = 0; row < 8; row++) {
+ for (let col = 0; col < 8; col++) {
// Inner loop for columns (0 to 7)
/* YOUR CODE HERE */ {