centre item with grid display items code example
Example 1: place item center in css using grid
.parent-element {
display: grid;
place-items: center;
}
Example 2: align items center in grid
article {
display: inline-grid;
grid-template-rows: 100px 100px 100px;
grid-template-columns: 100px 100px 100px;
grid-gap: 3px;
}
section {
display: flex;
justify-content: center;
align-items: center;
border: 2px solid black;
font-size: 3em;
}