html – Just how do I line up message in leading left edge of div?

Attempting to line up a number in the leading left edge of a div square. Validate web content is relocate properly, yet I can not appear to obtain align-items OR align-self to relocate the message up and down.

Ideas? And also thanks for your aid

 body {
display screen: flex;
justify-content: facility;
align-items: facility;
}

. grid {
margin: o;
display screen: grid;
grid-template-columns: repeat( 10, 45px);.
space: 10px;.
list-style-type: none;.


}

. cell {
display screen: flex;.
justify-content: left;.
align-self: flex-start;.

background-color: grey;.
elevation: 50px;.
size: 50px;.
border-style: strong;.
border-width: 2px;.
border-color: black;.
}