freeCodeCamp/curriculum/challenges/_meta/css-flexbox/meta.json

82 lines
2.0 KiB
JSON

{
"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"
}