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 marsha spell
marsha spell
Courses Plus Student 5,555 Points

plzz help

Challenge task 2 of 4 Using the -webkit- prefix, set a 2.5em gap between the columns. here is the code

-webkit-prefix-gap: 2.5em;

not sure why its not working? thanks!

5 Answers

Joe Hirst
Joe Hirst
Courses Plus Student 6,489 Points

Marsha

You will need to use “column gap” in your CSS, like:

.main{
-webkit-column-gap: 2.5em;
}

Your stylesheet should now contain your webkit column count and column gap like:

/* Complete the challenge by writing CSS below */

.main {
   -webkit-column-count:2;
   -webkit-column-gap: 2.5em;
}

h1 {

}
Howard Slatter
Howard Slatter
8,049 Points
Howard Slatter
Howard Slatter
8,049 Points

It should be something like this:

div{
    margin: 2.5em;
    -webkit-margin: 2.5em;
}

Seeing the section your working on would help people to help you with specific tasks.

James Barnett
James Barnett
39,199 Points
James Barnett
James Barnett
39,199 Points

marsha spell -

Instructions for reference Using the -webkit- prefix, set a 2.5em gap between the columns

What you wrote webkit-prefix-gap is not a valid CSS property because it doesn't follow the pattern for how we write CSS properties that have vendor prefixes.

There are 3 steps to this process:

  1. Wrote the CSS property for creating a column gap
  2. Add the prefix for webkit in front of the property written in step 1
  3. Write the value of the property in this case 2.5em
marsha spell
PLUS
marsha spell
Courses Plus Student 5,555 Points
marsha spell
marsha spell
Courses Plus Student 5,555 Points

http://teamtreehouse.com/library/multicolumn-layout-webkit-only

its saying Bummer! It looks like you didn't add a column gap to '.main'. not sure what to do here i added the link so you can take a look thanks!

marsha spell
PLUS
marsha spell
Courses Plus Student 5,555 Points
marsha spell
marsha spell
Courses Plus Student 5,555 Points

thanks for all the help:)