Need help with styling a chessboard

HTML-CSS
1

Hi! Recently I got back to working on my chess project, after leaving it abandoned for a few months. One thing I haven’t gotten around to fixing is the fact that there are ugly seams in the board when you move a piece, and it gets horrifying after a few turns.

image
image419×515 22.4 KB

Oddly enough, this only started happening after I re-wrote the thing and started using chess.js instead of some weird logic I wrote before (which is still there, just commented out).

I can’t really find the root cause of the issue, and any help would be appreciated!

Here is the link (which I somehow didn’t add initially):

https://codepen.io/c0d1ng_ma5ter/full/vYoGJQV

1 Like
2

Awesome project, I’ve also been thinking of tackling this recently.

Can you share a codepen or the code somewhere?

EDIT: Is it this one? https://codepen.io/c0d1ng_ma5ter/full/vYoGJQV

3

Yes! My apologies for not adding it, I somehow forgot ;-;

Im gonna edit the main post to add it