Using CSS, I am looking to create a grid/table for a shopping cart page (for practice purposes only) inside the main content container, where a numeric stepper, product image and checkbox will be placed in each individual box of the grid, consisting of four rows and four columns. I want the overall grid to be a width of 520px and have a height of 520px, with each box breaking down to be 130px high and wide . I also want the colours of each box to alternate like a checkerboard, using #46311C and #968E88.
This may seem like a basic task to some of the more experienced designers but I am a little confused whether I use a styled table to complete this task or some other method.
If you could show me how this would be completed using straight-forward, clean code that would be most appreciated.