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

challenge CSS : Using the prefix for WebKit-based browsers, split the content in '.main' into 2 columns.

Hi, i'm just totally lost in this first code challenge. It's in the chapter 10 of the "CSS Foundations". The chapter is about "Flexbox and Multi-Column Layout".

I'm really not able to figure it out how to start. The chapter is talking about webkit properties for positioning div and stuff on a page.

Please, somebody can help me, i'm just stucked at this level !!!

ok, it's allright, i've just figured out that my problem wasn't my codig but i'm using Firefox and he doesn't display correctly the -webkit properties !!

2 Answers

For anyone else stuck, this is my code:

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

I was able to get it to display properly with -moz-, but to pass I needed to use the -webkit-.

Guil Hernandez
STAFF
Guil Hernandez
Treehouse Teacher

Hi Jean Philippeaux,

Sorry to hear that you were having issues, and I'm glad to hear that you've figured it out. Can you please post exactly what was giving you trouble? This way I can make sure to adjust the content as necessary. Feel free to ping me in the forum if you have any questions about CSS Foundations. :)

Guil