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

Posted by Chelsey Burch
Chelsey Burch
2,427 Points

Using the -webkit- prefix, set a 2.5em gap between the columns.

I'm having trouble understanding why this is wrong. I've gone back to the video several times and even searched for it online and I still don't understand. Thanks!

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

2 Answers

Coco Jackowski
Coco Jackowski
12,914 Points
Coco Jackowski
Coco Jackowski
12,914 Points

A good case for proper indentation and formatting!

.main { 
  display:-webkit-flex;
  display:-moz-flex;
  -webkit-column-count: 2; 
  -moz-column-count: 2;
}

-webkit-column-gap: 2.5em; }

One of your rules is outside the scope of the .main selector, which might be a good starting point to tackle the bug. Good luck!

Chelsey Burch
Chelsey Burch
2,427 Points
Chelsey Burch
Chelsey Burch
2,427 Points

Haha, thanks, I just realized it and was going to say never mind. Thanks, though!