/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

3 votes205 views1 answer
Css how to make text not break
CSS
0 vote194 views1 answer
Box shadow to table cell css
CSS
1 vote213 views1 answer
How to make border blur css
CSS
6 votes294 views2 answers
Transition prefixes css
CSS
0 vote185 views1 answer
Template html css bootstrap cdn
CSS
0 vote191 views1 answer
Text slide animation css
CSS
0 vote198 views2 answers
Woocommerce cart css description
CSS
1 vote188 views1 answer
Hide cursor css
CSS
1 vote184 views1 answer
There's a gap between my td
CSS
0 vote372 views1 answer
Center absolute suedo element
CSS