/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

0 vote332 views1 answer
Which bootstrap css class will you use to put the navbar at the top of the page? feel free to check out the bootstrap website.
CSS Bootstrap
15 votes276 views6 answers
Selection css
CSS
7 votes284 views3 answers
Sans serif font family css
CSS
5 votes252 views2 answers
Animate left to right css
CSS
0 vote268 views1 answer
Flex fill space
CSS
1 vote287 views1 answer
Overflow-x hidden meaning in css
CSS
1 vote285 views2 answers
Styles only for IE
CSS
0 vote299 views1 answer
AddCorsMappings registry.addMapping
CSS
0 vote276 views1 answer
Sticky footer bootstrap 3
CSS
74 votes270 views6 answers
Css rounded corners
CSS