.parent{
border:1px solid red;
display:grid;
grid-template-columns: repeat(12, 1fr);
}
.child{
background:green;
align-self:center;
}<div class="parent"><div class="child" style="justify-self: center;">
I am child</div></div>I am looking a solution to let child should align itself to center. so i can create a class name for left, right, and center will use across.