/CSS/How to justify grid childe in the center

How to justify grid childe in the center

align-self: center;
justify-self: center;

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;
}

-4

Source: stackoverflow.com

Similar codes

7 votes321 views3 answers
Pm2 remove process from list
CSS
0 vote320 views2 answers
Nativescript hr
CSS
0 vote325 views1 answer
How to hide some grid items from grid in css
CSS
1 vote326 views1 answer
Vendor prefix in css
CSS
0 vote316 views1 answer
Initialize toast
CSS
5 votes311 views4 answers
Css limit text length
CSS
0 vote417 views3 answers
Bulma lowercase
CSS Bulma
0 vote345 views1 answer
Cl image tag width
CSS
0 vote361 views2 answers
Materialize css for react
CSS
126 votes333 views7 answers
Css box shadow
CSS