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 Unused CSS Stages Flexbox and Multi-Column Layout Multi-Column Layout: WebKit Only

sergio verdeza
PLUS
sergio verdeza
Courses Plus Student 10,765 Points
Posted by sergio verdeza
sergio verdeza
Courses Plus Student 10,765 Points

Using the -webkit- prefix, create a 1px wide, dotted, red rule between the columns.

I'm using the -webkit-column-rule: property in the following order (width, style, color) but I get a message saying that it looks like I didn't added the style to the .main

which I did?

Not sure why is not working?

2 Answers

Chris Shaw
Chris Shaw
26,676 Points
Chris Shaw
Chris Shaw
26,676 Points

Hi Sergio,

I tried the challenge and got through it without any issues, what is the value you're passing to -webkit-column-rule?

MDN docs for reference. https://developer.mozilla.org/en-US/docs/Web/CSS/column-rule

sergio verdeza
PLUS
sergio verdeza
Courses Plus Student 10,765 Points
sergio verdeza
sergio verdeza
Courses Plus Student 10,765 Points

Chris here is the correct answer, thank you for your help. My problem was that I was adding the color property as red rule and not just red :(

.main { -webkit-column-count: 2; -webkit-column-gap: 2.5em; -webkit-column-rule-width: 1px; -webkit-column-rule-style: dotted; -webkit-column-rule-color: red; }