chore(meta): Move challenge meta to challenges root
This commit is contained in:
committed by
mrugesh mohapatra
parent
aa668ca30e
commit
ee9f6b2d72
@ -1,102 +0,0 @@
|
||||
{
|
||||
"name": "Applied Accessibility",
|
||||
"dashedName": "applied-accessibility",
|
||||
"order": 3,
|
||||
"time": "5 hours",
|
||||
"template": "",
|
||||
"required": [],
|
||||
"superBlock": "responsive-web-design",
|
||||
"superOrder": 1,
|
||||
"challengeOrder": [
|
||||
[
|
||||
"587d774c367417b2b2512a9c",
|
||||
"Add a Text Alternative to Images for Visually Impaired Accessibility"
|
||||
],
|
||||
[
|
||||
"587d774c367417b2b2512a9d",
|
||||
"Know When Alt Text Should be Left Blank"
|
||||
],
|
||||
[
|
||||
"587d774d367417b2b2512a9e",
|
||||
"Use Headings to Show Hierarchical Relationships of Content"
|
||||
],
|
||||
[
|
||||
"587d774e367417b2b2512a9f",
|
||||
"Jump Straight to the Content Using the main Element"
|
||||
],
|
||||
[
|
||||
"587d774e367417b2b2512aa0",
|
||||
"Wrap Content in the article Element"
|
||||
],
|
||||
[
|
||||
"587d7787367417b2b2512aa1",
|
||||
"Make Screen Reader Navigation Easier with the header Landmark"
|
||||
],
|
||||
[
|
||||
"587d7788367417b2b2512aa2",
|
||||
"Make Screen Reader Navigation Easier with the nav Landmark"
|
||||
],
|
||||
[
|
||||
"587d7788367417b2b2512aa3",
|
||||
"Make Screen Reader Navigation Easier with the footer Landmark"
|
||||
],
|
||||
[
|
||||
"587d7789367417b2b2512aa4",
|
||||
"Improve Accessibility of Audio Content with the audio Element"
|
||||
],
|
||||
[
|
||||
"587d778a367417b2b2512aa5",
|
||||
"Improve Chart Accessibility with the figure Element"
|
||||
],
|
||||
[
|
||||
"587d778a367417b2b2512aa6",
|
||||
"Improve Form Field Accessibility with the label Element"
|
||||
],
|
||||
[
|
||||
"587d778b367417b2b2512aa7",
|
||||
"Wrap Radio Buttons in a fieldset Element for Better Accessibility"
|
||||
],
|
||||
[
|
||||
"587d778b367417b2b2512aa8",
|
||||
"Add an Accessible Date Picker"
|
||||
],
|
||||
[
|
||||
"587d778c367417b2b2512aa9",
|
||||
"Standardize Times with the HTML5 datetime Attribute"
|
||||
],
|
||||
[
|
||||
"587d778d367417b2b2512aaa",
|
||||
"Make Elements Only Visible to a Screen Reader by Using Custom CSS"
|
||||
],
|
||||
[
|
||||
"587d778e367417b2b2512aab",
|
||||
"Improve Readability with High Contrast Text"
|
||||
],
|
||||
[
|
||||
"587d778f367417b2b2512aac",
|
||||
"Avoid Colorblindness Issues by Using Sufficient Contrast"
|
||||
],
|
||||
[
|
||||
"587d778f367417b2b2512aad",
|
||||
"Avoid Colorblindness Issues by Carefully Choosing Colors that Convey Information"
|
||||
],
|
||||
[
|
||||
"587d778f367417b2b2512aae",
|
||||
"Give Links Meaning by Using Descriptive Link Text"
|
||||
],
|
||||
[
|
||||
"587d7790367417b2b2512aaf",
|
||||
"Make Links Navigatable with HTML Access Keys"
|
||||
],
|
||||
[
|
||||
"587d7790367417b2b2512ab0",
|
||||
"Use tabindex to Add Keyboard Focus to an Element"
|
||||
],
|
||||
[
|
||||
"587d7790367417b2b2512ab1",
|
||||
"Use tabindex to Specify the Order of Keyboard Focus for Several Elements"
|
||||
]
|
||||
],
|
||||
"helpRoom": "Help",
|
||||
"fileName": "01-responsive-web-design/applied-accessibility.json"
|
||||
}
|
@ -1,222 +0,0 @@
|
||||
{
|
||||
"name": "Applied Visual Design",
|
||||
"dashedName": "applied-visual-design",
|
||||
"order": 2,
|
||||
"time": "5 hours",
|
||||
"template": "",
|
||||
"required": [],
|
||||
"superBlock": "responsive-web-design",
|
||||
"superOrder": 1,
|
||||
"challengeOrder": [
|
||||
[
|
||||
"587d7791367417b2b2512ab3",
|
||||
"Create Visual Balance Using the text-align Property"
|
||||
],
|
||||
[
|
||||
"587d7791367417b2b2512ab4",
|
||||
"Adjust the Width of an Element Using the width Property"
|
||||
],
|
||||
[
|
||||
"587d7791367417b2b2512ab5",
|
||||
"Adjust the Height of an Element Using the height Property"
|
||||
],
|
||||
[
|
||||
"587d781a367417b2b2512ab7",
|
||||
"Use the strong Tag to Make Text Bold"
|
||||
],
|
||||
[
|
||||
"587d781a367417b2b2512ab8",
|
||||
"Use the u Tag to Underline Text"
|
||||
],
|
||||
[
|
||||
"587d781a367417b2b2512ab9",
|
||||
"Use the em Tag to Italicize Text"
|
||||
],
|
||||
[
|
||||
"587d781b367417b2b2512aba",
|
||||
"Use the s Tag to Strikethrough Text"
|
||||
],
|
||||
[
|
||||
"587d781b367417b2b2512abb",
|
||||
"Create a Horizontal Line Using the hr Element"
|
||||
],
|
||||
[
|
||||
"587d781b367417b2b2512abc",
|
||||
"Adjust the background-color Property of Text"
|
||||
],
|
||||
[
|
||||
"587d781b367417b2b2512abd",
|
||||
"Adjust the Size of a Header Versus a Paragraph Tag"
|
||||
],
|
||||
[
|
||||
"587d781b367417b2b2512abe",
|
||||
"Add a box-shadow to a Card-like Element"
|
||||
],
|
||||
[
|
||||
"587d781c367417b2b2512abf",
|
||||
"Decrease the Opacity of an Element"
|
||||
],
|
||||
[
|
||||
"587d781c367417b2b2512ac0",
|
||||
"Use the text-transform Property to Make Text Uppercase"
|
||||
],
|
||||
[
|
||||
"587d781c367417b2b2512ac2",
|
||||
"Set the font-size for Multiple Heading Elements"
|
||||
],
|
||||
[
|
||||
"587d781c367417b2b2512ac3",
|
||||
"Set the font-weight for Multiple Heading Elements"
|
||||
],
|
||||
[
|
||||
"587d781c367417b2b2512ac4",
|
||||
"Set the font-size of Paragraph Text"
|
||||
],
|
||||
[
|
||||
"587d781d367417b2b2512ac5",
|
||||
"Set the line-height of Paragraphs"
|
||||
],
|
||||
[
|
||||
"587d781d367417b2b2512ac8",
|
||||
"Adjust the Hover State of an Anchor Tag"
|
||||
],
|
||||
[
|
||||
"587d781e367417b2b2512ac9",
|
||||
"Change an Element's Relative Position"
|
||||
],
|
||||
[
|
||||
"587d781e367417b2b2512aca",
|
||||
"Move a Relatively Positioned Element with CSS Offsets"
|
||||
],
|
||||
[
|
||||
"587d781e367417b2b2512acb",
|
||||
"Lock an Element to its Parent with Absolute Positioning"
|
||||
],
|
||||
[
|
||||
"587d781e367417b2b2512acc",
|
||||
"Lock an Element to the Browser Window with Fixed Positioning"
|
||||
],
|
||||
[
|
||||
"587d78a3367417b2b2512ace",
|
||||
"Push Elements Left or Right with the float Property"
|
||||
],
|
||||
[
|
||||
"587d78a3367417b2b2512acf",
|
||||
"Change the Position of Overlapping Elements with the z-index Property"
|
||||
],
|
||||
[
|
||||
"587d78a3367417b2b2512ad0",
|
||||
"Center an Element Horizontally Using the margin Property"
|
||||
],
|
||||
[
|
||||
"587d78a3367417b2b2512ad1",
|
||||
"Learn about Complementary Colors"
|
||||
],
|
||||
[
|
||||
"587d78a4367417b2b2512ad2",
|
||||
"Learn about Tertiary Colors"
|
||||
],
|
||||
[
|
||||
"587d78a4367417b2b2512ad3",
|
||||
"Adjust the Color of Various Elements to Complementary Colors"
|
||||
],
|
||||
[
|
||||
"587d78a4367417b2b2512ad4",
|
||||
"Adjust the Hue of a Color"
|
||||
],
|
||||
[
|
||||
"587d78a4367417b2b2512ad5",
|
||||
"Adjust the Tone of a Color"
|
||||
],
|
||||
[
|
||||
"587d78a5367417b2b2512ad6",
|
||||
"Create a Gradual CSS Linear Gradient"
|
||||
],
|
||||
[
|
||||
"587d78a5367417b2b2512ad7",
|
||||
"Use a CSS Linear Gradient to Create a Striped Element"
|
||||
],
|
||||
[
|
||||
"587d78a5367417b2b2512ad8",
|
||||
"Create Texture by Adding a Subtle Pattern as a Background Image"
|
||||
],
|
||||
[
|
||||
"587d78a5367417b2b2512ad9",
|
||||
"Use the CSS Transform scale Property to Change the Size of an Element"
|
||||
],
|
||||
[
|
||||
"587d78a5367417b2b2512ada",
|
||||
"Use the CSS Transform scale Property to Scale an Element on Hover"
|
||||
],
|
||||
[
|
||||
"587d78a6367417b2b2512adb",
|
||||
"Use the CSS Transform Property skewX to Skew an Element Along the X-Axis"
|
||||
],
|
||||
[
|
||||
"587d78a6367417b2b2512adc",
|
||||
"Use the CSS Transform Property skewY to Skew an Element Along the Y-Axis"
|
||||
],
|
||||
[
|
||||
"587d78a6367417b2b2512add",
|
||||
"Create a Graphic Using CSS"
|
||||
],
|
||||
[
|
||||
"587d78a6367417b2b2512ade",
|
||||
"Create a More Complex Shape Using CSS and HTML"
|
||||
],
|
||||
[
|
||||
"587d78a7367417b2b2512adf",
|
||||
"Learn How the CSS @keyframes and animation Properties Work"
|
||||
],
|
||||
[
|
||||
"587d78a7367417b2b2512ae0",
|
||||
"Use CSS Animation to Change the Hover State of a Button"
|
||||
],
|
||||
[
|
||||
"58a7a6ebf9a6318348e2d5aa",
|
||||
"Modify Fill Mode of an Animation"
|
||||
],
|
||||
[
|
||||
"587d78a7367417b2b2512ae1",
|
||||
"Create Movement Using CSS Animation"
|
||||
],
|
||||
[
|
||||
"587d78a7367417b2b2512ae2",
|
||||
"Create Visual Direction by Fading an Element from Left to Right"
|
||||
],
|
||||
[
|
||||
"587d78a8367417b2b2512ae3",
|
||||
"Animate Elements Continually Using an Infinite Animation Count"
|
||||
],
|
||||
[
|
||||
"587d78a8367417b2b2512ae4",
|
||||
"Make a CSS Heartbeat using an Infinite Animation Count"
|
||||
],
|
||||
[
|
||||
"587d78a8367417b2b2512ae5",
|
||||
"Animate Elements at Variable Rates"
|
||||
],
|
||||
[
|
||||
"587d78a8367417b2b2512ae6",
|
||||
"Animate Multiple Elements at Variable Rates"
|
||||
],
|
||||
[
|
||||
"587d78a8367417b2b2512ae7",
|
||||
"Change Animation Timing with Keywords"
|
||||
],
|
||||
[
|
||||
"587d78a9367417b2b2512ae8",
|
||||
"Learn How Bezier Curves Work"
|
||||
],
|
||||
[
|
||||
"587d78a9367417b2b2512ae9",
|
||||
"Use a Bezier Curve to Move a Graphic"
|
||||
],
|
||||
[
|
||||
"587d78a9367417b2b2512aea",
|
||||
"Make Motion More Natural Using a Bezier Curve"
|
||||
]
|
||||
],
|
||||
"helpRoom": "Help",
|
||||
"fileName": "01-responsive-web-design/applied-visual-design.json"
|
||||
}
|
@ -1,190 +0,0 @@
|
||||
{
|
||||
"name": "Basic CSS",
|
||||
"dashedName": "basic-css",
|
||||
"order": 1,
|
||||
"time": "5 hours",
|
||||
"template": "",
|
||||
"required": [],
|
||||
"superBlock": "responsive-web-design",
|
||||
"superOrder": 1,
|
||||
"challengeOrder": [
|
||||
[
|
||||
"bad87fee1348bd9aedf08803",
|
||||
"Change the Color of Text"
|
||||
],
|
||||
[
|
||||
"bad87fee1348bd9aedf08805",
|
||||
"Use CSS Selectors to Style Elements"
|
||||
],
|
||||
[
|
||||
"bad87fee1348bd9aecf08806",
|
||||
"Use a CSS Class to Style an Element"
|
||||
],
|
||||
[
|
||||
"bad87fee1348bd9aefe08806",
|
||||
"Style Multiple Elements with a CSS Class"
|
||||
],
|
||||
[
|
||||
"bad87fee1348bd9aedf08806",
|
||||
"Change the Font Size of an Element"
|
||||
],
|
||||
[
|
||||
"bad87fee1348bd9aede08807",
|
||||
"Set the Font Family of an Element"
|
||||
],
|
||||
[
|
||||
"bad87fee1348bd9aedf08807",
|
||||
"Import a Google Font"
|
||||
],
|
||||
[
|
||||
"bad87fee1348bd9aedf08808",
|
||||
"Specify How Fonts Should Degrade"
|
||||
],
|
||||
[
|
||||
"bad87fee1348bd9acdf08812",
|
||||
"Size Your Images"
|
||||
],
|
||||
[
|
||||
"bad87fee1348bd9bedf08813",
|
||||
"Add Borders Around Your Elements"
|
||||
],
|
||||
[
|
||||
"bad87fee1348bd9aedf08814",
|
||||
"Add Rounded Corners with border-radius"
|
||||
],
|
||||
[
|
||||
"bad87fee1348bd9aedf08815",
|
||||
"Make Circular Images with a border-radius"
|
||||
],
|
||||
[
|
||||
"bad87fed1348bd9aede07836",
|
||||
"Give a Background Color to a div Element"
|
||||
],
|
||||
[
|
||||
"bad87eee1348bd9aede07836",
|
||||
"Set the id of an Element"
|
||||
],
|
||||
[
|
||||
"bad87dee1348bd9aede07836",
|
||||
"Use an id Attribute to Style an Element"
|
||||
],
|
||||
[
|
||||
"bad88fee1348bd9aedf08825",
|
||||
"Adjust the Padding of an Element"
|
||||
],
|
||||
[
|
||||
"bad87fee1348bd9aedf08822",
|
||||
"Adjust the Margin of an Element"
|
||||
],
|
||||
[
|
||||
"bad87fee1348bd9aedf08823",
|
||||
"Add a Negative Margin to an Element"
|
||||
],
|
||||
[
|
||||
"bad87fee1348bd9aedf08824",
|
||||
"Add Different Padding to Each Side of an Element"
|
||||
],
|
||||
[
|
||||
"bad87fee1248bd9aedf08824",
|
||||
"Add Different Margins to Each Side of an Element"
|
||||
],
|
||||
[
|
||||
"bad87fee1348bd9aedf08826",
|
||||
"Use Clockwise Notation to Specify the Padding of an Element"
|
||||
],
|
||||
[
|
||||
"bad87fee1348bd9afdf08726",
|
||||
"Use Clockwise Notation to Specify the Margin of an Element"
|
||||
],
|
||||
[
|
||||
"58c383d33e2e3259241f3076",
|
||||
"Use Attribute Selectors to Style Elements"
|
||||
],
|
||||
[
|
||||
"bad82fee1322bd9aedf08721",
|
||||
"Understand Absolute versus Relative Units"
|
||||
],
|
||||
[
|
||||
"bad87fee1348bd9aedf08736",
|
||||
"Style the HTML Body Element"
|
||||
],
|
||||
[
|
||||
"bad87fee1348bd9aedf08746",
|
||||
"Inherit Styles from the Body Element"
|
||||
],
|
||||
[
|
||||
"bad87fee1348bd9aedf08756",
|
||||
"Prioritize One Style Over Another"
|
||||
],
|
||||
[
|
||||
"bad87fee1348bd9aedf04756",
|
||||
"Override Styles in Subsequent CSS"
|
||||
],
|
||||
[
|
||||
"bad87fee1348bd8aedf06756",
|
||||
"Override Class Declarations by Styling ID Attributes"
|
||||
],
|
||||
[
|
||||
"bad87fee1348bd9aedf06756",
|
||||
"Override Class Declarations with Inline Styles"
|
||||
],
|
||||
[
|
||||
"bad87fee1348bd9aedf07756",
|
||||
"Override All Other Styles by using Important"
|
||||
],
|
||||
[
|
||||
"bad87fee1348bd9aedf08726",
|
||||
"Use Hex Code for Specific Colors"
|
||||
],
|
||||
[
|
||||
"bad87fee1348bd9aedf08721",
|
||||
"Use Hex Code to Mix Colors"
|
||||
],
|
||||
[
|
||||
"bad87fee1348bd9aedf08719",
|
||||
"Use Abbreviated Hex Code"
|
||||
],
|
||||
[
|
||||
"bad87fee1348bd9aede08718",
|
||||
"Use RGB values to Color Elements"
|
||||
],
|
||||
[
|
||||
"bad82fee1348bd9aedf08721",
|
||||
"Use RGB to Mix Colors"
|
||||
],
|
||||
[
|
||||
"5a9d725e424fe3d0e10cad10",
|
||||
"Use CSS Variables to change several elements at once"
|
||||
],
|
||||
[
|
||||
"5a9d726c424fe3d0e10cad11",
|
||||
"Create a custom CSS Variable"
|
||||
],
|
||||
[
|
||||
"5a9d727a424fe3d0e10cad12",
|
||||
"Use a custom CSS Variable"
|
||||
],
|
||||
[
|
||||
"5a9d7286424fe3d0e10cad13",
|
||||
"Attach a Fallback value to a CSS Variable"
|
||||
],
|
||||
[
|
||||
"5b7d72c338cd7e35b63f3e14",
|
||||
"Improve Compatibility with Browser Fallbacks"
|
||||
],
|
||||
[
|
||||
"5a9d7295424fe3d0e10cad14",
|
||||
"Cascading CSS variables"
|
||||
],
|
||||
[
|
||||
"5a9d72a1424fe3d0e10cad15",
|
||||
"Change a variable for a specific area"
|
||||
],
|
||||
[
|
||||
"5a9d72ad424fe3d0e10cad16",
|
||||
"Use a media query to change a variable"
|
||||
]
|
||||
],
|
||||
"helpRoom": "Help",
|
||||
"fileName": "01-responsive-web-design/basic-css.json"
|
||||
}
|
@ -1,122 +0,0 @@
|
||||
{
|
||||
"name": "Basic HTML and HTML5",
|
||||
"dashedName": "basic-html-and-html5",
|
||||
"order": 0,
|
||||
"time": "5 hours",
|
||||
"template": "",
|
||||
"required": [],
|
||||
"superBlock": "responsive-web-design",
|
||||
"superOrder": 1,
|
||||
"challengeOrder": [
|
||||
[
|
||||
"bd7123c8c441eddfaeb5bdef",
|
||||
"Say Hello to HTML Elements"
|
||||
],
|
||||
[
|
||||
"bad87fee1348bd9aedf0887a",
|
||||
"Headline with the h2 Element"
|
||||
],
|
||||
[
|
||||
"bad87fee1348bd9aedf08801",
|
||||
"Inform with the Paragraph Element"
|
||||
],
|
||||
[
|
||||
"bad87fee1348bd9aedf08833",
|
||||
"Fill in the Blank with Placeholder Text"
|
||||
],
|
||||
[
|
||||
"bad87fee1348bd9aedf08802",
|
||||
"Uncomment HTML"
|
||||
],
|
||||
[
|
||||
"bad87fee1348bd9aedf08804",
|
||||
"Comment out HTML"
|
||||
],
|
||||
[
|
||||
"bad87fed1348bd9aedf08833",
|
||||
"Delete HTML Elements"
|
||||
],
|
||||
[
|
||||
"bad87fee1348bd9aecf08801",
|
||||
"Introduction to HTML5 Elements"
|
||||
],
|
||||
[
|
||||
"bad87fee1348bd9aedf08812",
|
||||
"Add Images to Your Website"
|
||||
],
|
||||
[
|
||||
"bad87fee1348bd9aedf08816",
|
||||
"Link to External Pages with Anchor Elements"
|
||||
],
|
||||
[
|
||||
"bad88fee1348bd9aedf08816",
|
||||
"Link to Internal Sections of a Page with Anchor Elements"
|
||||
],
|
||||
[
|
||||
"bad87fee1348bd9aede08817",
|
||||
"Nest an Anchor Element within a Paragraph"
|
||||
],
|
||||
[
|
||||
"bad87fee1348bd9aedf08817",
|
||||
"Make Dead Links Using the Hash Symbol"
|
||||
],
|
||||
[
|
||||
"bad87fee1348bd9aedf08820",
|
||||
"Turn an Image into a Link"
|
||||
],
|
||||
[
|
||||
"bad87fee1348bd9aedf08827",
|
||||
"Create a Bulleted Unordered List"
|
||||
],
|
||||
[
|
||||
"bad87fee1348bd9aedf08828",
|
||||
"Create an Ordered List"
|
||||
],
|
||||
[
|
||||
"bad87fee1348bd9aedf08829",
|
||||
"Create a Text Field"
|
||||
],
|
||||
[
|
||||
"bad87fee1348bd9aedf08830",
|
||||
"Add Placeholder Text to a Text Field"
|
||||
],
|
||||
[
|
||||
"bad87fee1348bd9aede08830",
|
||||
"Create a Form Element"
|
||||
],
|
||||
[
|
||||
"bad87fee1348bd9aedd08830",
|
||||
"Add a Submit Button to a Form"
|
||||
],
|
||||
[
|
||||
"bad87fee1348bd9aedc08830",
|
||||
"Use HTML5 to Require a Field"
|
||||
],
|
||||
[
|
||||
"bad87fee1348bd9aedf08834",
|
||||
"Create a Set of Radio Buttons"
|
||||
],
|
||||
[
|
||||
"bad87fee1348bd9aedf08835",
|
||||
"Create a Set of Checkboxes"
|
||||
],
|
||||
[
|
||||
"bad87fee1348bd9aedd08835",
|
||||
"Check Radio Buttons and Checkboxes by Default"
|
||||
],
|
||||
[
|
||||
"bad87fee1348bd9aede08835",
|
||||
"Nest Many Elements within a Single div Element"
|
||||
],
|
||||
[
|
||||
"587d78aa367417b2b2512aed",
|
||||
"Declare the Doctype of an HTML Document"
|
||||
],
|
||||
[
|
||||
"587d78aa367417b2b2512aec",
|
||||
"Define the Head and Body of an HTML Document"
|
||||
]
|
||||
],
|
||||
"helpRoom": "Help",
|
||||
"fileName": "01-responsive-web-design/basic-html-and-html5.json"
|
||||
}
|
@ -1,82 +0,0 @@
|
||||
{
|
||||
"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"
|
||||
}
|
@ -1,102 +0,0 @@
|
||||
{
|
||||
"name": "CSS Grid",
|
||||
"dashedName": "css-grid",
|
||||
"order": 6,
|
||||
"time": "5 hours",
|
||||
"template": "",
|
||||
"required": [],
|
||||
"superBlock": "responsive-web-design",
|
||||
"superOrder": 1,
|
||||
"challengeOrder": [
|
||||
[
|
||||
"5a858944d96184f06fd60d61",
|
||||
"Create Your First CSS Grid"
|
||||
],
|
||||
[
|
||||
"5a9036d038fddaf9a66b5d32",
|
||||
"Add Columns with grid-template-columns"
|
||||
],
|
||||
[
|
||||
"5a9036e138fddaf9a66b5d33",
|
||||
"Add Rows with grid-template-rows"
|
||||
],
|
||||
[
|
||||
"5a9036ee38fddaf9a66b5d34",
|
||||
"Use CSS Grid units to Change the Size of Columns and Rows"
|
||||
],
|
||||
[
|
||||
"5a9036ee38fddaf9a66b5d35",
|
||||
"Create a Column Gap Using grid-column-gap"
|
||||
],
|
||||
[
|
||||
"5a9036ee38fddaf9a66b5d36",
|
||||
"Create a Row Gap using grid-row-gap"
|
||||
],
|
||||
[
|
||||
"5a9036ee38fddaf9a66b5d37",
|
||||
"Add Gaps Faster with grid-gap"
|
||||
],
|
||||
[
|
||||
"5a90372638fddaf9a66b5d38",
|
||||
"Use grid-column to Control Spacing"
|
||||
],
|
||||
[
|
||||
"5a90373638fddaf9a66b5d39",
|
||||
"Use grid-row to Control Spacing"
|
||||
],
|
||||
[
|
||||
"5a90374338fddaf9a66b5d3a",
|
||||
"Align an Item Horizontally using justify-self"
|
||||
],
|
||||
[
|
||||
"5a90375238fddaf9a66b5d3b",
|
||||
"Align an Item Vertically using align-self"
|
||||
],
|
||||
[
|
||||
"5a90376038fddaf9a66b5d3c",
|
||||
"Align All Items Horizontally using justify-items"
|
||||
],
|
||||
[
|
||||
"5a94fdf869fb03452672e45b",
|
||||
"Align All Items Vertically using align-items"
|
||||
],
|
||||
[
|
||||
"5a94fe0569fb03452672e45c",
|
||||
"Divide the Grid Into an Area Template"
|
||||
],
|
||||
[
|
||||
"5a94fe1369fb03452672e45d",
|
||||
"Place Items in Grid Areas Using the grid-area Property"
|
||||
],
|
||||
[
|
||||
"5a94fe2669fb03452672e45e",
|
||||
"Use grid-area Without Creating an Areas Template"
|
||||
],
|
||||
[
|
||||
"5a94fe3669fb03452672e45f",
|
||||
"Reduce Repetition Using the repeat Function"
|
||||
],
|
||||
[
|
||||
"5a94fe4469fb03452672e460",
|
||||
"Limit Item Size Using the minmax Function"
|
||||
],
|
||||
[
|
||||
"5a94fe5469fb03452672e461",
|
||||
"Create Flexible Layouts Using auto-fill"
|
||||
],
|
||||
[
|
||||
"5a94fe6269fb03452672e462",
|
||||
"Create Flexible Layouts Using auto-fit"
|
||||
],
|
||||
[
|
||||
"5a94fe7769fb03452672e463",
|
||||
"Use Media Queries to Create Responsive Layouts"
|
||||
],
|
||||
[
|
||||
"5a94fe8569fb03452672e464",
|
||||
"Create Grids within Grids"
|
||||
]
|
||||
],
|
||||
"helpRoom": "Help",
|
||||
"fileName": "01-responsive-web-design/css-grid.json"
|
||||
}
|
@ -1,30 +0,0 @@
|
||||
{
|
||||
"name": "Responsive Web Design Principles",
|
||||
"dashedName": "responsive-web-design-principles",
|
||||
"order": 4,
|
||||
"time": "1 hour",
|
||||
"template": "",
|
||||
"required": [],
|
||||
"superBlock": "responsive-web-design",
|
||||
"superOrder": 1,
|
||||
"challengeOrder": [
|
||||
[
|
||||
"587d78b0367417b2b2512b08",
|
||||
"Create a Media Query"
|
||||
],
|
||||
[
|
||||
"587d78b1367417b2b2512b09",
|
||||
"Make an Image Responsive"
|
||||
],
|
||||
[
|
||||
"587d78b1367417b2b2512b0a",
|
||||
"Use a Retina Image for Higher Resolution Displays"
|
||||
],
|
||||
[
|
||||
"587d78b1367417b2b2512b0c",
|
||||
"Make Typography Responsive"
|
||||
]
|
||||
],
|
||||
"helpRoom": "Help",
|
||||
"fileName": "01-responsive-web-design/responsive-web-design.json"
|
||||
}
|
@ -1,34 +0,0 @@
|
||||
{
|
||||
"name": "Responsive Web Design Projects",
|
||||
"dashedName": "responsive-web-design-projects",
|
||||
"order": 7,
|
||||
"time": "150 hours",
|
||||
"template": "",
|
||||
"required": [],
|
||||
"superBlock": "responsive-web-design",
|
||||
"superOrder": 1,
|
||||
"challengeOrder": [
|
||||
[
|
||||
"bd7158d8c442eddfaeb5bd18",
|
||||
"Build a Tribute Page"
|
||||
],
|
||||
[
|
||||
"587d78af367417b2b2512b03",
|
||||
"Build a Survey Form"
|
||||
],
|
||||
[
|
||||
"587d78af367417b2b2512b04",
|
||||
"Build a Product Landing Page"
|
||||
],
|
||||
[
|
||||
"587d78b0367417b2b2512b05",
|
||||
"Build a Technical Documentation Page"
|
||||
],
|
||||
[
|
||||
"bd7158d8c242eddfaeb5bd13",
|
||||
"Build a Personal Portfolio Webpage"
|
||||
]
|
||||
],
|
||||
"helpRoom": "Help",
|
||||
"fileName": "01-responsive-web-design/responsive-web-design-projects.json"
|
||||
}
|
Reference in New Issue
Block a user