index.html

<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>Pixel Art Maker</title>
    <link rel="stylesheet" href="stylesheet.css">
</head>
<body>
<h1>Kylee's Pixel Art Maker</h1>
<div class="inputs">
    <h4>set grid size</h4>
    <form class="size-setter">
        height:
        <input type="number" class="input-height" name="height" min="1" max="50"
               value="25">
        <br><br>
        width:
        <input type="number" class="input-width" name="width" min="1" max="50"
               value="25">
        <br>
        <input type="submit" class="submit-button" value="submit/clear">
    </form>
    <form class="set-color">
        <h4>set color:</h4>
        <input type="color" class="color-picker" value="#000000">
        <h4> double-click to erase. hold click to drag. </h4>
    </form>
    <div class="column">
        <table class="grid-canvas"></table>
    </div>
</div>
<script src="designs.js"></script>
</body>
</html>