/CSS/Place item center in css using grid

Place item center in css using grid

.parent-element {
   display: grid;
   place-items: center;
}

Css grid center elements inside div

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

1 vote172 views1 answer
On clicking a link it gets red color
CSS
21 votes163 views2 answers
How to write css for input type text
CSS
20 votes185 views5 answers
How to add background image in react css
CSS
0 vote169 views1 answer
Css variables css tricks
CSS
0 vote174 views1 answer
Text-overflow ellipsis hover tooltip css
CSS
1 vote170 views2 answers
Only ie css
CSS
67 votes179 views6 answers
Media query in css
CSS
1 vote181 views2 answers
Text align left top
CSS
3 votes180 views2 answers
DevTools failed to load SourceMap: Could not load content for bootstrap.min.css.map
CSS
0 vote200 views1 answer
Html css make p div into two lines
CSS