/CSS/Css grid center elements inside div

Css grid center elements inside div

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

43 votes123 views6 answers
Css font color
CSS
17 votes130 views4 answers
Get featured image post wordpress by post id
CSS
36 votes147 views6 answers
Css gradient
CSS
1 vote132 views1 answer
Css color of input
CSS
0 vote141 views1 answer
Nunito
CSS
2 votes127 views2 answers
Bootstrap icons in angular
CSS
1 vote124 views1 answer
How to gain full width of a phone website in html and css
CSS
13 votes138 views1 answer
Rgb gold
CSS
0 vote136 views1 answer
Css animation sin
CSS
0 vote121 views1 answer
Loop Over Array of Objects and Combine them if they have similar keys
CSS