Trying to make a simple Checkerboard

I’m trying to make a simple checkerboard using Bootstrap. I’m not sure how to make the spots on the board square. I know I could increase the height of the rows, but then it wouldn’t scale symmetrically if you expanded the screen. I know I’m missing a basic concept here:

https://codepen.io/El_Escandalo/pen/wvaEajE

Thanks

How about using css-grid for that?
And if it has to be bootstrap, why not use css-grid in bootstrap?

1 Like

Ok I’ll look into that. I’m just getting back into this after a few months away so I’ve forgotten everything ugh!