Week 7 - Task 4

Make a "pixel" grid

• Make an input and a button element (HTML)
• Make an empty div container element to hold the "grid" (HTML)

You are going to make a "pixel grid". Meaning showing "boxes" in horizontal and vertical direction. The input fields determines the size of the grid, meaning it sets the width and height.

Hints:

• Use display: inline-block; (CSS) so that all the div boxes stay on the same line
• Use two for-loops to render boxes in horizontal and vertical direction. Think like this:
  "For each vertical row I want to display boxes X boxes horizontally