/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

74 votes206 views6 answers
Flex css
CSS
1 vote233 views1 answer
Input date icon color change
CSS
1 vote217 views4 answers
CSS Grid Display
CSS
0 vote141 views1 answer
Text flow top to bottom
CSS
0 vote208 views1 answer
Cd program files x86
CSS
0 vote191 views1 answer
React use global css classes
CSS
0 vote212 views1 answer
Auto-indenting on Sublime Text 3 - "Key Bindings"
CSS
-2 votes205 views2 answers
Outline-radius css
CSS
19 votes188 views2 answers
Css circle card
CSS
-2 votes183 views1 answer
Django won't load static css
CSS