/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 vote222 views1 answer
Uninstall wine 6.0.1
CSS
6 votes173 views3 answers
How to round input border
CSS
5 votes169 views4 answers
Css limit text length
CSS
0 vote186 views1 answer
Can i do an onclick menu with css alone
CSS
2 votes173 views1 answer
Hover effect button css
CSS
1 vote180 views1 answer
Css show newlines
CSS
16 votes172 views4 answers
Full page background image in html
CSS
64 votes162 views6 answers
Center image html
CSS
0 vote259 views1 answer
Css bootstrap carousel fade how to add fade in up text
CSS Bootstrap
1 vote164 views1 answer
Box shador of one border css
CSS