CSS for <span> not working

HTML-CSS
#1

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.

#2

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
#3

Thanks. that worked.

#4