flexbox playground and code generator

1
2
3
4
5
6

flex container

  1. display
  2. flex-direction
    ?
  3. flex-wrap
    ?
  4. justify-content
    ?
  5. align-items
    ?
  6. align-content
    ?

flex items

    1. order
      ?
    2. flex
      ?
    3. align-self
      ?
    1. order
      ?
    2. flex
      ?
    3. align-self
      ?
    1. order
      ?
    2. flex
      ?
    3. align-self
      ?
    1. order
      ?
    2. flex
      ?
    3. align-self
      ?
    1. order
      ?
    2. flex
      ?
    3. align-self
      ?
    1. order
      ?
    2. flex
      ?
    3. align-self
      ?

Add box Remove box