/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

0 vote356 views1 answer
Css accordian triangle
CSS
0 vote345 views1 answer
How to give text two colors in css
CSS
0 vote346 views1 answer
Font helvetica css
CSS
11 votes400 views5 answers
Css affect other elements on hover
CSS
4 votes307 views3 answers
Css animation delay
CSS
0 vote349 views1 answer
Move text in a padding css
CSS
14 votes368 views5 answers
Input number hide arrows
CSS
0 vote346 views1 answer
What is a trailling widget in flutter
CSS
0 vote320 views1 answer
Ignore default css for react Link
CSS
8 votes339 views1 answer
How to get my div to centre of primary div
CSS