You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: learn/tasks/flexbox/marking.md
+21Lines changed: 21 additions & 0 deletions
Original file line number
Diff line number
Diff line change
@@ -37,6 +37,16 @@ li {
37
37
}
38
38
```
39
39
40
+
### Additional question
41
+
42
+
The student should add an additional selector that targets the first element and sets `flex: 2;` (or `flex: 2 0 0;` or `flex-grow: 2`):
43
+
44
+
```
45
+
li:first-child {
46
+
flex: 2;
47
+
}
48
+
```
49
+
40
50
## Flex Layout Three
41
51
42
52
Here we use Flexbox to center an item horizontally and vertically. The aim of this task is to demonstrate the student has an understanding of how to use the alignment properties to achieve this.
@@ -54,3 +64,14 @@ On the parent they should use:
54
64
## Flex Layout Four
55
65
56
66
This example demonstrates understanding of the `flex-wrap` property to wrap flex lines. In addition, to ensure that they end up with something that looks like the example they need to set `flex: auto` on the child (or `flex: 1 1 auto;`).
0 commit comments