index.html

<!DOCTYPE html>
<html lang='en'>
    <head>
        <link href="https://fonts.googleapis.com/css2?family=Allison&display=swap" rel="stylesheet">
        <title> Etch - a - Sketch</title>
        <script src='script.js' defer></script>
        <link rel="stylesheet" href='stylesheet.css'> 

        <meta property="og:type" content="website" />
        <meta
          name="image"
          property="og:image"
          content="https://live.staticflickr.com/65535/51864938026_f630bd1a41_b.jpg"
        />
       
        <meta
          name="description"
          property="og:description"
          content="Etch-A-Sketch JavaScript"
        />
    
        <meta name="author" content="Mel Incögnito" />

    </head>
    <body>
        <h1>🎨 etch - a - sketch 🎨</h1>
        <div id='gameContent'>
            <div class='mode' id='mode'>
                <p> mode </p>
                <button class='modeBlack' id='modeBlack'> Black </button>
                <button class='modeRainbow' id='modeRainbow'> Rainbow </button>
                <button id='clearBoard'>Clear Board</button>
            </div>
            <div class= 'content'   id='content'>
                <div class="grid" id="grid">
            </div>
        </div>
        

    </body>
    <footer>
        <p class='footer'> By: Mel Incognito</p>
    </footer>
</html>