Skip to content

Latest commit

 

History

History

Pixel-Art

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
images
images
 
 
README.md
README.md
 
 
index.html
index.html
 
 
script.js
script.js
 
 
style.css
style.css
 
 

README.md

Challenge 2: Pixel Art

Create Pixel Art grid using HTML, CSS and JavaScript

Solution Live URL: https://wizardly-hoover-0d4417.netlify.app/

Template

HTML

<body>
    <div id="grid"></div>
    <script src="script.js"></script>
    <script>
        new PixelArt("#grid", 10, 10);
    </script>
</body>

JS

/*
 * Creates pixel art grid
 * @param el DOM Element
 * @param rows Number of rows
 * @param rows Number of cols
 */
function PixelArt(el, rows, cols) {
    // write logic to create pixel art grid.
}

Demo

Default state

On Click

On Drag


Thanks to Devkode.io for this challenge. Follow them here

Telegram | Instagram | Website