how to align items inside grid code example
Example 1: 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;
}
Example 2: align grid items with end
display: grid;
align-items: end;