Schachbrett mit CSS in Grid Layout

[Matthias Scharwies]

Servus!

@@Gunnar Bittersmann

Hier ein Schachbrett mit Grid Layout: https://codepen.io/jeansarlon/pen/WpZNda

Allerdings geht durch den Rand (Könnte der nicht einfach border oder padding des Grid Containers sein) und durch die Beschriftung (Pseudoelelemente) die klare Struktur der 8x8 Felder verloren und dass CSS ist plötzlich höhere Mathemathik.

Das lässt mir jetzt keine Ruhe!

Oben hab ich Blödsinn geschrieben. Der Rand ist ja die border vom .wrapper, der das gesamte Schachfeld umfasst (besserer Klassenname wäre .board).

Gibt es eine Möglichkeit zu erkennen / zu selektieren, in welcher Row / bzw. Column eines Grid man sich befindet?

Herzliche Grüße

Matthias Scharwies