This repository was archived by the owner on Feb 25, 2026. It is now read-only.
Description
Align Elements Using the align-items Property
Instructions section has changed
The following test text(s) do not match:
Test 1
Version
Text
Old
The <code>#box-container</code> element should have an <code>align-items</code> property set to a value of center.
New
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
Instructions section has changed
The following test text(s) do not match:
Test 1
Version
Text
Old
The <code>#box-container</code> element should have a <code>justify-content</code> property set to a value of center.
New
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
Instructions section has changed
The following test text(s) do not match:
Test 1
Version
Text
Old
<code>#box-container</code> should have the <code>display</code> property set to a value of flex.
New
<code>#box-container</code> should have the <code>display</code> property set to a value of <code>flex</code>.
Use the align-self Property
Instructions section has changed
The following test text(s) do not match:
Test 1
Version
Text
Old
The <code>#box-1</code> element should have the <code>align-self</code> property set to a value of center.
New
The <code>#box-1</code> element should have the <code>align-self</code> property set to a value of <code>center</code>.
Test 2
Version
Text
Old
The <code>#box-2</code> element should have the <code>align-self</code> property set to a value of flex-end.
New
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
Instructions section has changed
The following test text(s) do not match:
Test 1
Version
Text
Old
The <code>#box-1</code> element should have the <code>flex-grow</code> property set to a value of 1.
New
The <code>#box-1</code> element should have the <code>flex-grow</code> property set to a value of <code>1</code>.
Test 2
Version
Text
Old
The <code>#box-2</code> element should have the <code>flex-grow</code> property set to a value of 2.
New
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
Instructions section has changed
The following test text(s) do not match:
Test 1
Version
Text
Old
The <code>#box-1</code> element should have the <code>flex</code> property set to a value of 2 2 150px.
New
The <code>#box-1</code> element should have the <code>flex</code> property set to a value of <code>2 2 150px</code>.
Test 2
Version
Text
Old
The <code>#box-2</code> element should have the <code>flex</code> property set to a value of 1 1 150px.
New
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
Description section has changed
Instructions section has changed
The following test text(s) do not match:
Test 1
Version
Text
Old
The <code>#box-1</code> element should have the <code>flex-shrink</code> property set to a value of 1.
New
The <code>#box-1</code> element should have the <code>flex-shrink</code> property set to a value of <code>1</code>.
Test 2
Version
Text
Old
The <code>#box-2</code> element should have the <code>flex-shrink</code> property set to a value of 2.
New
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
Instructions section has changed
The following test text(s) do not match:
Test 1
Version
Text
Old
The <code>#box-container</code> element should have the <code>flex-wrap</code> property set to a value of wrap.
New
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
Instructions section has changed
The following test text(s) do not match:
Test 1
Version
Text
Old
The <code>#box-1</code> element should have the <code>order</code> property set to a value of 2.
New
The <code>#box-1</code> element should have the <code>order</code> property set to a value of <code>2</code>.
Test 2
Version
Text
Old
The <code>#box-2</code> element should have the <code>order</code> property set to a value of 1.
New
The <code>#box-2</code> element should have the <code>order</code> property set to a value of <code>1</code>.
Reactions are currently unavailable
Instructionssection has changedChange the Color of Text
The following test
text(s) do not match:Test 2
Instructionssection has changedInstructionssection 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
Instructionssection has changedThe following test
text(s) do not match:Test 1
Align Elements Using the justify-content Property
Instructionssection has changedThe following test
text(s) do not match:Test 1
Use display: flex to Position Two Boxes
Instructionssection 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
Instructionssection has changedThe following test
text(s) do not match:Test 1
Test 2
Instructionssection has changedUse the flex-grow Property to Expand Items
Descriptionsection has changedInstructionssection has changedThe following test
text(s) do not match:Test 1
Test 2
Use the flex Shorthand Property
Instructionssection has changedThe following test
text(s) do not match:Test 1
Test 2
Use the flex-shrink Property to Shrink Items
Descriptionsection has changedInstructionssection has changedThe following test
text(s) do not match:Test 1
Test 2
Use the flex-wrap Property to Wrap a Row or Column
Instructionssection has changedThe following test
text(s) do not match:Test 1
Use the order Property to Rearrange Items
Instructionssection has changedThe following test
text(s) do not match:Test 1
Test 2
Descriptionsection has changedInstructionssection has changedDescriptionsection has changedDescriptionsection has changedDescriptionsection has changedDescriptionsection has changedDescriptionsection has changed