{
  "name": "CSS Flexbox",
  "dashedName": "css-flexbox",
  "order": 5,
  "time": "5 hours",
  "template": "",
  "required": [],
  "superBlock": "responsive-web-design",
  "superOrder": 1,
  "challengeOrder": [
    [
      "587d78ab367417b2b2512af0",
      "Use display: flex to Position Two Boxes"
    ],
    [
      "587d78ab367417b2b2512af1",
      "Add Flex Superpowers to the Tweet Embed"
    ],
    [
      "587d78ab367417b2b2512af2",
      "Use the flex-direction Property to Make a Row"
    ],
    [
      "587d78ab367417b2b2512af3",
      "Apply the flex-direction Property to Create Rows in the Tweet Embed"
    ],
    [
      "587d78ac367417b2b2512af4",
      "Use the flex-direction Property to Make a Column"
    ],
    [
      "587d78ac367417b2b2512af5",
      "Apply the flex-direction Property to Create a Column in the Tweet Embed"
    ],
    [
      "587d78ac367417b2b2512af6",
      "Align Elements Using the justify-content Property"
    ],
    [
      "587d78ac367417b2b2512af7",
      "Use the justify-content Property in the Tweet Embed"
    ],
    [
      "587d78ad367417b2b2512af8",
      "Align Elements Using the align-items Property"
    ],
    [
      "587d78ad367417b2b2512af9",
      "Use the align-items Property in the Tweet Embed"
    ],
    [
      "587d78ad367417b2b2512afa",
      "Use the flex-wrap Property to Wrap a Row or Column"
    ],
    [
      "587d78ad367417b2b2512afb",
      "Use the flex-shrink Property to Shrink Items"
    ],
    [
      "587d78ae367417b2b2512afc",
      "Use the flex-grow Property to Expand Items"
    ],
    [
      "587d78ae367417b2b2512afd",
      "Use the flex-basis Property to Set the Initial Size of an Item"
    ],
    [
      "587d78ae367417b2b2512afe",
      "Use the flex Shorthand Property"
    ],
    [
      "587d78ae367417b2b2512aff",
      "Use the order Property to Rearrange Items"
    ],
    [
      "587d78af367417b2b2512b00",
      "Use the align-self Property"
    ]
  ],
  "helpRoom": "Help",
  "fileName": "01-responsive-web-design/css-flexbox.json"
}