How do I do this. Making sure that the entire Grid is $650$x$400$ and these are the x and y along with the number of pairs for each of the sets of boxes. $(0,0)$ and $4,(50,70)$ and $5,(10,150)$ and $4,(250,200)$ and $3,(425,180)$ and $5,(400,20)$ and $2$ make sure that the boxes have a blue x in the middle and make the boxes sizes, in the same order as the coordinates, size $20,$ size $30,$ size $25,$ size $25,$ size $20$ and size $30.$ and make sure to follow these requirements:

After writing the function for a row, create a function that produces multiple rows $($a grid$).$

The grid consists of pairs of rows, with the second row shifted in the x$-$direction relative to the first.

Each grid is square$-$shaped, and the number of pairs defines the number of rows and columns.

The box size is consistent, with each box being a square.

The offset for the second row in each pair defines how far to the right the row should be shifted.

Example: In the grid on the lower$-$left, there is no offset for the second row.

In the upper$-$right grid, the second row is shifted by the size of one box, forming a checkerboard pattern.

Other grids may have an offset between these two, creating an optical illusion.

Line separation: Each pair of lines in the grid should have a gap $($referred to as "mortar"$).$

The mortar simulates the gray background seen between layers of brick.

Mortar thickness is important for the visual effect $($use $2$ pixels for separation$).$

Use a program constant to allow easy modification of the mortar value.