Quiz Sass Grid System

Question

I do not remember this topic being covered in a video. Can anyone help me?
Currently, the $context variable is scoped to the loop, so it's unable to pass a value in the .grid__col rule. Write the flag that will allow us to use the $context variable anywhere.
// Column loop 
@for $i from 1 through $cols { 
  $context: context($w, $cols, $gutter) _______ ; 
  $target: ($w * $i) + ($gutter * ($i - 1)); 
  .gridcol--#{$i} { 
    width: percentage($target/$context); 
  } 
} 
.gridcol { 
  margin-left: percentage($gutter/$context); 
}

Guil Hernandez · Accepted Answer

Hi @Shelby Larson (https://teamtreehouse.com/shelbylarson),
The answer to this is covered at the 6:20 mark of this video (https://teamtreehouse.com/library/modular-css-with-sass/sass-grid-system/column-layout). :)
Also, in this video (https://teamtreehouse.com/library/advanced-sass/advanced-variables-mixins-functions-and-placeholders/scoping-and-default-variables), Dale Sande goes more in-depth on the topic.

Christian Erlebach · Answer

HELP pls ;)
Currently, the $context  variable is scoped to the loop, so it's unable to pass a value in the .grid_________. Write the flag that will allow us to use the $context  variable anywhere. // Column loop @for $i from 1 through $cols {   $context: context($w, $cols, $gutter) ___________________;   $target: ($w * $i) + ($gutter * ($i - 1));   .grid___________     width: percentage($target/$context);   } } .grid_______ {   margin-left: percentage($gutter/$context); }
I try now 2 hours to finish this quiz. I don't find the right answers. Can anyone tell me the right answers that I can move on. It's so frustrating and complicated to understand everything in this course. But I will finishing it and than I will come back later when I have more experience with sass.

james white · Answer

Actual it's closer to time mark 6:37 when Guil talks about 
(and shows) adding:
!global
..to this line (which is not exactly the same line as in the quiz):
```CSS
$context: g-context($g-col-width, $g-col-count, $g-col-count, $-gutter-width !global;
```

Welcome to the Treehouse Community

Looking to learn something new?

Shelby Larson

Shelby Larson

Quiz Sass Grid System

3 Answers

Guil Hernandez

Guil Hernandez

james white

james white

!global

Christian Erlebach

Christian Erlebach

Lindsey Whitney

Lindsey Whitney