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 Flexbox: Part 1

Flexbox does not seem to be working for me?

I'm a noob so bare with me! I just finished Guil's course on Flexboxes and am having a little trouble. (I am using Chrome for my browser) For example, I have a div class titled "content" with and unordered list below. When I type

.content { display: -webkit-flex; }

as Guil does in his video, nothing happens. I know my css is linked and referenced right on my html because I have other styling on the page. However when I type

.content ul { display: -webkit-flex; }

adding the unordered list element, it seems to work. Which I can understand because I know it's good to make css specific. Though, Guil doesn't have to do that in his video. Lastly, any of the other flexbox properties such as (besides the display property):

.content ul { display: -webkit-flex; -webkit-justify-content: space-between; -webkit-flex-wrap: wrap; -webkit-column-rule: 5px solid #000; }

do NOT work at all for me!! Flexbox seems to be something I can imagine will help me a lot in the future.. Any advice? Have they updated the flexbox properties since the video was made? Thanks in advance guys!

SAMUEL LAWRENCE
SAMUEL LAWRENCE
Courses Plus Student 8,447 Points

Hi Joel, on an unrelated topic. The correct term is "newb" not noob, just incase you're interested in knowing. Carry on.

p.s. I'm a newb too so I always read the previous questions, just to see if someone hasn't already asked a question to a similar problem I'm having, so I noticed this. hehe.

1 Answer

Chris Shaw
Chris Shaw
26,676 Points

Hi Joel,

In the video Guil sets the flexbox properties directly on the unordered list using the class .nav which is why you see it working when you set the properties on .content ul and not .content.

Thanks Chris! I see what you're saying, that does make sense. I will keep experimenting with flexbox. I appreciate your response!