Welcome to Etch-A-Sketch, a browser-based sketchpad project where you can unleash your creativity by drawing on a grid!

Etch-A-Sketch is a project designed to practice DOM manipulation using HTML, CSS (with Flexbox), and JavaScript. It allows users to draw on a grid of squares by hovering over them, creating a pixelated trail reminiscent of the classic Etch-A-Sketch toy.

• Dynamic Grid Creation: Generate a customizable grid of squares using JavaScript.
• Hover Effect: Change the color of grid squares on hover to simulate drawing.
• Reset Grid: Clear the current grid and create a new one with a specified number of squares per side.
• Extra Credit Features:
  • Random RGB Colors: Squares change to random RGB colors on hover.
  • Progressive Darkening: Each hover darkens the square progressively until fully black.

• Web browser (Google Chrome, Firefox, Safari, etc.)

1. Clone the repository:

   git clone https://github.com/your-username/Etch-A-Sketch.git
   cd Etch-A-Sketch

2. Open index.html in your browser to start using the Etch-A-Sketch.

• Drawing: Hover over the grid squares to draw with your mouse.
• Reset Grid:
  • Click the "Reset Grid" button at the top of the screen.
  • Enter the number of squares per side (max 100) in the prompt.
  • A new grid will be generated while maintaining the total size (960px width).

• Random RGB Colors:
  • Each hover generates a random RGB color for the grid square.
• Progressive Darkening:
  • Squares darken progressively on each hover until fully black (or colored).

Contributions are welcome! Feel free to fork the repository, create a new branch, and submit a pull request with your improvements.

This project is licensed under the MIT License.

• This project is inspired by The Odin Project's curriculum and exercises.
• Special thanks to [list any contributors or resources you used].