/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 vote101 views1 answer
Jquery hover class css not working
CSS
5 votes104 views6 answers
Pagination
CSS
0 vote104 views1 answer
Nhandled Rejection (TypeError): Cannot read property
CSS
59 votes114 views6 answers
Remove underline from link css
CSS
72 votes134 views6 answers
Css center position absolute
CSS
0 vote113 views2 answers
Background image syntax in css if it in folder
CSS
11 votes98 views2 answers
Css click through an element
CSS
10 votes126 views3 answers
Hiding text css and leaving whitespace
CSS
0 vote107 views1 answer
Abstände zwischen zeilen html
CSS
6 votes143 views1 answer
How to add truncate code
CSS