display flex,how to align in center of block?

Asked Feb 28 '16 at 12:25

Active Feb 28 '16 at 12:32

Viewed 44 times

i am learning display flex,and i have some issue that i cant figure out. I am trying to align my grid-items in center of cross axis,but something wrong and its not work.

.grid-container
  display: flex
  border: 5px solid red
  align-content: center
  justify-content: space-around
  height: 300px
  width: 50%
  .grid-element
    height: 100px
    background: green

Here is codepen https://codepen.io/anon/pen/grOjrO

edited Feb 28 '16 at 12:32

Michael Benjamin

346,931
104
581
701

asked Feb 28 '16 at 12:25

Nazár Atamaníuk

http://stackoverflow.com/a/33049198/3597276 – Michael Benjamin Feb 28 '16 at 12:31
this tool could help you understand how flex works: http://the-echoplex.net/flexyboxes/ – Aziz Feb 28 '16 at 12:32
@Aziz Thanks too!Cool tool! – Nazár Atamaníuk Feb 28 '16 at 12:43

display flex,how to align in center of block?

0 Answers0