We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Instructions
Change the Color of Text
The following test text(s) do not match: Test 2
text
Your <code>h2</code> element should be red.
Your <code>h2</code> element should have color set to <code>red</code>.
Add Flex Superpowers to the Tweet Embed
The following test text(s) do not match: Test 1
Your <code>header</code> should have a <code>display</code> property set to flex.
Your <code>header</code> should have a <code>display</code> property set to <code>flex</code>.
Test 2
Your <code>footer</code> should have a <code>display</code> property set to flex.
Your <code>footer</code> should have a <code>display</code> property set to <code>flex</code>.
Test 3
Your <code>h3</code> should have a <code>display</code> property set to flex.
Your <code>h3</code> should have a <code>display</code> property set to <code>flex</code>.
Test 4
Your <code>h4</code> should have a <code>display</code> property set to flex.
Your <code>h4</code> should have a <code>display</code> property set to <code>flex</code>.
Test 5
Your <code>.profile-name</code> should have a <code>display</code> property set to flex.
Your <code>.profile-name</code> should have a <code>display</code> property set to <code>flex</code>.
Test 6
Your <code>.follow-btn</code> should have a <code>display</code> property set to flex.
Your <code>.follow-btn</code> should have a <code>display</code> property set to <code>flex</code>.
Test 7
Your <code>.stats</code> should have a <code>display</code> property set to flex.
Your <code>.stats</code> should have a <code>display</code> property set to <code>flex</code>.
Align Elements Using the align-items Property
Instructions section has changed
The <code>#box-container</code> element should have an <code>align-items</code> property set to a value of center.
The <code>#box-container</code> element should have an <code>align-items</code> property set to a value of <code>center</code>.
Align Elements Using the justify-content Property
The <code>#box-container</code> element should have a <code>justify-content</code> property set to a value of center.
The <code>#box-container</code> element should have a <code>justify-content</code> property set to a value of <code>center</code>.
Use display: flex to Position Two Boxes
<code>#box-container</code> should have the <code>display</code> property set to a value of flex.
<code>#box-container</code> should have the <code>display</code> property set to a value of <code>flex</code>.
Use the align-items Property in the Tweet Embed
The <code>.follow-btn</code> element should have the <code>align-items</code> property set to a value of center.
The <code>.follow-btn</code> element should have the <code>align-items</code> property set to a value of <code>center</code>.
Use the align-self Property
The <code>#box-1</code> element should have the <code>align-self</code> property set to a value of center.
The <code>#box-1</code> element should have the <code>align-self</code> property set to a value of <code>center</code>.
The <code>#box-2</code> element should have the <code>align-self</code> property set to a value of flex-end.
The <code>#box-2</code> element should have the <code>align-self</code> property set to a value of <code>flex-end</code>.
Use the flex-grow Property to Expand Items
Description section has changed
Description
The <code>#box-1</code> element should have the <code>flex-grow</code> property set to a value of 1.
The <code>#box-1</code> element should have the <code>flex-grow</code> property set to a value of <code>1</code>.
The <code>#box-2</code> element should have the <code>flex-grow</code> property set to a value of 2.
The <code>#box-2</code> element should have the <code>flex-grow</code> property set to a value of <code>2</code>.
Use the flex Shorthand Property
The <code>#box-1</code> element should have the <code>flex</code> property set to a value of 2 2 150px.
The <code>#box-1</code> element should have the <code>flex</code> property set to a value of <code>2 2 150px</code>.
The <code>#box-2</code> element should have the <code>flex</code> property set to a value of 1 1 150px.
The <code>#box-2</code> element should have the <code>flex</code> property set to a value of <code>1 1 150px</code>.
Use the flex-shrink Property to Shrink Items
The <code>#box-1</code> element should have the <code>flex-shrink</code> property set to a value of 1.
The <code>#box-1</code> element should have the <code>flex-shrink</code> property set to a value of <code>1</code>.
The <code>#box-2</code> element should have the <code>flex-shrink</code> property set to a value of 2.
The <code>#box-2</code> element should have the <code>flex-shrink</code> property set to a value of <code>2</code>.
Use the flex-wrap Property to Wrap a Row or Column
The <code>#box-container</code> element should have the <code>flex-wrap</code> property set to a value of wrap.
The <code>#box-container</code> element should have the <code>flex-wrap</code> property set to a value of <code>wrap</code>.
Use the order Property to Rearrange Items
The <code>#box-1</code> element should have the <code>order</code> property set to a value of 2.
The <code>#box-1</code> element should have the <code>order</code> property set to a value of <code>2</code>.
The <code>#box-2</code> element should have the <code>order</code> property set to a value of 1.
The <code>#box-2</code> element should have the <code>order</code> property set to a value of <code>1</code>.
The text was updated successfully, but these errors were encountered:
Thanks @RandellDawson for opening this issue!
Sorry, something went wrong.
No branches or pull requests
Instructions
section has changedChange the Color of Text
The following test
text
(s) do not match:Test 2
Instructions
section has changedInstructions
section has changedAdd Flex Superpowers to the Tweet Embed
The following test
text
(s) do not match:Test 1
Test 2
Test 3
Test 4
Test 5
Test 6
Test 7
Align Elements Using the align-items Property
Instructions
section has changedThe following test
text
(s) do not match:Test 1
Align Elements Using the justify-content Property
Instructions
section has changedThe following test
text
(s) do not match:Test 1
Use display: flex to Position Two Boxes
Instructions
section has changedThe following test
text
(s) do not match:Test 1
Use the align-items Property in the Tweet Embed
The following test
text
(s) do not match:Test 1
Use the align-self Property
Instructions
section has changedThe following test
text
(s) do not match:Test 1
Test 2
Instructions
section has changedUse the flex-grow Property to Expand Items
Description
section has changedInstructions
section has changedThe following test
text
(s) do not match:Test 1
Test 2
Use the flex Shorthand Property
Instructions
section has changedThe following test
text
(s) do not match:Test 1
Test 2
Use the flex-shrink Property to Shrink Items
Description
section has changedInstructions
section has changedThe following test
text
(s) do not match:Test 1
Test 2
Use the flex-wrap Property to Wrap a Row or Column
Instructions
section has changedThe following test
text
(s) do not match:Test 1
Use the order Property to Rearrange Items
Instructions
section has changedThe following test
text
(s) do not match:Test 1
Test 2
Description
section has changedInstructions
section has changedDescription
section has changedDescription
section has changedDescription
section has changedDescription
section has changedDescription
section has changedThe text was updated successfully, but these errors were encountered: