Why does my pieces misalign when placed in the center of my React-based board game?
I’m developing a game in React for study purposes. It was inspired in the game called Trigon: Triangle Block Puzzle for mobile. It has a hexagonal board and the goal is to survive as long as you can, placing the pieces that the game gives you in the board as you try to fill the rows and cols, similar to Tetris.