chore(meta): Move challenge meta to challenges root
This commit is contained in:
Bouncey
committed by
mrugesh mohapatra
mrugesh mohapatra
parent
aa668ca30e
commit
ee9f6b2d72
222
curriculum/challenges/_meta/applied-visual-design/meta.json
Normal file
222
curriculum/challenges/_meta/applied-visual-design/meta.json
Normal file
@ -0,0 +1,222 @@
|
||||
{
|
||||
"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"
|
||||
}
|
||||
Reference in New Issue
Block a user