Pixelate was made using HTML, CSS and vanilla JS. The goal of the project was to work further with DOM manipulation and events as well as incorporate more CSS into the project.

Initially there are no boxes on the screen until the user manually adds a row. The even listener on either button causes the JavaScript file to either dynamically create a new row filled with boxes or deletes the row that was created last. Event listeners were also placed on the full table where the rows are appended. When clicked, the JS file is able to change the class of the element that was clicked on. The box now changes color depending on the class name. The CSS file holds a class selector for each color that changes the background of that element to that color.