Wall Of Bricks

Question

Tasks:
1. Recreate the wall of bricks,
- Size of red/orange = 2 x size of blue/purple
- White is white space
- Use CSS Grids
2. Implement the following functionalities,
- The bricks should turn into random colours on every click.
- Click blocks to move the blocks to white space if its adjacent (Left,
right, top, bottom)
3. Submit your solution as a codepen link.

I have completed all functionalities except this

Click blocks to move the blocks to white space if its adjacent (Left,
right, top, bottom)

Can anyone help me to complete this functionality.
U can continue my code through the below link.

https://codepen.io/ganesh-arch/pen/LYBYWxx

Answer 1

the clicks turn into random colors. what if a blue block turns orange or the other way around? should it resize? if theres 3 available white spaces which one to choose?

Answer 2

Can you please write and share full code .I tried a lot but
not getting output.

Answer 3

Have to choose any one white space depending on the user wish