/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

0 vote189 views1 answer
Protéger les fichiers .htaccess et .htpasswds
CSS
77 votes193 views9 answers
'charmap' codec can't decode byte 0x9d in position 846: character maps to <undefined>
CSS
15 votes177 views3 answers
Loops scss
CSS
25 votes189 views5 answers
Scroll animation css
CSS
8 votes183 views1 answer
How to get my div to centre of primary div
CSS
34 votes170 views2 answers
Box position in center css
CSS
16 votes181 views4 answers
Arrow down css
CSS
2 votes171 views1 answer
Not hover css
CSS
14 votes208 views2 answers
How to render css in flask
CSS
1 vote171 views2 answers
Css scroll y showing scroll bar
CSS