Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS Advanced Sass Advanced Directives Iterable Album

Posted by Mokanye Tumelo Tricia
Mokanye Tumelo Tricia
9,981 Points

help me here please guysessss

Here we have a series of ad banners, of increasing width. Can you add additional banners for "treehouse" and "google"?

style.scss 
@mixin ad-banner($cols) {
  $col-val: length($cols);

  @for $i from 1 through $col-val {
    .ad-banner-#{nth($cols, $i)} {
      width: percentage((1 / $col-val) * $i);
    }
  }
}

@include ad-banner(apple microsoft);

1 Answer

Samantha Atkinson
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Samantha Atkinson
Front End Web Development Techdegree Graduate 40,307 Points
Samantha Atkinson
.a{fill-rule:evenodd;}techdegree seal-36
Samantha Atkinson
Front End Web Development Techdegree Graduate 40,307 Points

Hi sorry for the late reply Mokanye Tumelo Tricia. Did you get it to work? When you call the mixin that would be where you want to add Treehouse and Google, as basically those are the ad-banners you want to create. As in the mixin you are using the length function which means the for loop loops through the length/number of items included in the argument.