CSS CSS Flexbox Layout Flexbox Properties Growing and Aligning Flex Items

Can anyone help ?

This is the challenge: ""Next, target .primary and assign it twice as much free space as the other flex items.

style.css
/* Complete the challenge by writing CSS below */

.row {
  display: flex;
}

.column {
    flex-grow: 1;
} 

.primary {
    flex-grow: 1;
}

2 Answers

Cooper Runstein
Cooper Runstein
11,784 Points

You need to give the value of flex-grow of .primary double that of the .column value:

.column {
    flex-grow: 1;
} 

.primary {
    flex-grow: 2;
}

appreciate that