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

Posted by raymond pope
raymond pope
10,614 Points

CSS Layout Techniques

Code Challenge: http://teamtreehouse.com/library/css-layout-techniques/positioning-schemes/positioning-schemes-challenge Next, set the primary column's left offset to 0, and the secondary column's right offset to 0.

I'm having difficulties with this one. Some one please, put me in the right direction. Here's what I have:

.primary col {
    left: 0; 
}
.secondary-col  {
    right: 0;  
}

5 Answers

Jeff Busch
Jeff Busch
19,287 Points
Jeff Busch
Jeff Busch
19,287 Points

Raymond,

You are selecting more than one class.

/* Complete the challenge by writing CSS below */
.main-header {
  position: relative;
}

.main-logo,
.main-nav {
  position: absolute;
}

.main-logo {
  top: 25px;
  left: 25px;
}

.main-nav {
  bottom: 30px;
  right: 25px;
}

.content-row {
  position: relative;
}

.col {
  position: absolute;
  top: 0;
}

.primary {
  left: 0;
}

.secondary {
  right: 0;
}
James Barnett
James Barnett
39,199 Points
James Barnett
James Barnett
39,199 Points

There are 3 class names being used primary, secondary and `col.

secondary-col is not a class name referenced in that HTML.

Jeff Busch
Jeff Busch
19,287 Points
Jeff Busch
Jeff Busch
19,287 Points

Hi Raymond,

Here's a hint: 

<div class="primary col">

has two classes. One is class primary and two is class col. Here's another hint: 

<div class="secondary col">

has two classes. One is class secondary and two is class col.

Jeff

raymond pope
raymond pope
10,614 Points

Could you be more specific as I've already tried that and it doesn't work.

.primary col { left: 0; } .secondary-col { right: 0; }

raymond pope
raymond pope
10,614 Points
raymond pope
raymond pope
10,614 Points

Thanks, both of you! I This is what I did you originally but I must have had some syntax error. :)

raymond pope
raymond pope
10,614 Points
raymond pope
raymond pope
10,614 Points

Thanks, both of you! I This is what I did originally but I must have had some syntax error. :)