Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

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. :)