CSS for <span> not working

I was playing around with this grid on codepen but my CSS rules for span element is not working. Any idea why? I wanted to move the string “12” to center without affecting the background color of the cell.

align-self and justify-self only works if the element is a direct child of a grid. You might need to add display: grid to the .twelve styles.

1 Like

Thanks. that worked.