You’ve braved the stormy seas of console output and now it’s time to dock at the glorious graphical port: Pygame!

Today’s mission: Bring your Battleship board to life using graphics.

You won’t be placing ships or battling just yet—your task is to display your board as a clean, clickable Pygame grid.

You're not coding the whole game in Pygame today—just getting the visual board on screen. This is the digital blueprint for your naval domination. If you can draw it, you can rule it.

📋 Instructions:

✅ Use pygame.Rect() to create each square

✅ Draw outlines only — no filled blocks (use width=1)

✅ Build a 10x10 grid that looks like a classic Battleship board

✅ Add column labels (A–J) and row numbers (1–10)

✅ Make sure your squares are spaced out evenly

✅ Use screen.fill() for the background

✅ Test different colors for fun!

✅ Step 1: Import Pygame and Start the Engine

import pygame

pygame.init()

✅ Step 2: Create the Game Window

screen = pygame.display.set_mode((600, 600))

pygame.display.set_caption("Battleship Grid")

✅ Step 3: Set Your Colors

BG_COLOR = (0, 0, 128)        # Dark blue

LINE_COLOR = (255, 255, 255)  # White lines

✅ Step 6: Fill the Background

screen.fill(BG_COLOR) 

✅ Step 8: Show What You Drew

pygame.display.flip() 

✅ Step 9: Exit the Program Nicely

pygame.quit()